/* Locale converter (TOOLS-809). Tokens of the design system with literal fallbacks. */

.tools-loc-result { display: grid; gap: var(--s-5, 1.25rem); }

.tools-loc-card { display: grid; gap: var(--s-3, .75rem); padding-top: var(--s-4, 1rem); border-top: 1px solid var(--c-line, #e2e8f0); }
.tools-loc-card:first-child { padding-top: 0; border-top: 0; }
.tools-loc-title { display: flex; flex-wrap: wrap; gap: .5rem; align-items: baseline; font-size: 1.1rem; }
.tools-loc-title code { font-family: var(--font-mono, monospace); }
.tools-loc-name { font-weight: 400; color: var(--c-ink-mute, #64748b); font-size: .95rem; }

.tools-loc-forms th { width: 34%; font-weight: 600; text-align: left; }
.tools-loc-forms code, .tools-loc-summary code { font-family: var(--font-mono, monospace); font-size: .85rem; word-break: break-all; }
.tools-loc-note { display: block; font-size: .8rem; color: var(--c-ink-mute, #64748b); }
.tools-loc-bad td { color: var(--c-danger, #dc2626); }