/* theme-light.css — the uw (light) theme, ported from WebDashboard\uw.html.
 *
 * FINDING, and the reason this file is not a palette file: uw.html's :root token
 * block is BYTE-IDENTICAL to index.html's (both are
 * `--bg:#f2f2f2; --surface:#ffffff; --surface2:#f8f8f8; --border:#e0e0e0;
 *  --accent:#FFC428; ... --black:#1a1a1a; --grey:#f2f2f2; --white:#ffffff`).
 * There is no second palette to port: index.html has no dark-theme token block
 * either (Task 6, Deviation 3), which is why css/theme-dark.css is an enforced-
 * empty seam. Gate A asserts that identity rather than trusting this comment, so
 * if uw.html's palette ever diverges the gate fails and this file has to be
 * revisited.
 *
 * What IS uw-specific, and therefore lives here, is the styling of uw.html's own
 * output: the flat-9 metric card. Every rule below is verbatim from uw.html
 * L367-398 (Gate A verifies each one appears in uw.html character-for-character),
 * plus one layout rule for hosting that card inside index's .risk-grid container.
 *
 * Scoped to body[data-theme="light"] — set by applyModeConfig from MODES[mode].theme
 * — so cat mode is untouched even though the two palettes happen to coincide today.
 */

/* ── Simplified UW metric card (single-column, one row per metric) ── */
.uw-card{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;max-width:920px;margin:0 auto;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.uw-card-title{font-family:'Syne',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--black);padding:13px 18px;border-bottom:2px solid var(--gold);background:var(--surface2)}
.uw-colhdr{display:grid;grid-template-columns:200px 150px 1fr;align-items:center;gap:14px;padding:7px 18px;background:var(--black);color:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:.56rem;letter-spacing:.06em;text-transform:uppercase}
.uw-row{display:grid;grid-template-columns:200px 150px 1fr;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--border)}
.uw-row:last-child{border-bottom:none}
.uw-row:nth-child(even){background:var(--surface2)}
.uw-metric{font-family:'Inter',sans-serif;font-weight:600;font-size:.78rem;color:var(--black)}
.uw-metric .uw-sub{display:block;font-weight:400;font-size:.58rem;color:var(--muted);margin-top:2px;line-height:1.3}
.uw-value{font-family:'DM Mono',monospace;font-size:1.02rem;font-weight:500;color:var(--black);text-align:left;overflow-wrap:anywhere;line-height:1.25}
.uw-value .uw-unit{font-size:.62rem;color:var(--muted);margin-left:3px}
/* reference column: textual scale + optional segmented bar */
.uw-ref{font-family:'Inter',sans-serif;font-size:.72rem;color:var(--muted);line-height:1.5}
.uw-ref b{color:var(--black);font-weight:700}
.uw-rate{display:inline-block;font-family:'DM Mono',monospace;font-size:.8rem;font-weight:700;letter-spacing:.04em;padding:4px 11px;border-radius:5px;color:#fff;margin-bottom:6px}
.uw-rate.neutral{background:var(--grey);color:var(--muted)}
.uw-scale{display:flex;gap:3px;margin-top:6px}
.uw-seg{flex:1;text-align:center;font-family:'DM Mono',monospace;font-size:.66rem;font-weight:700;color:#fff;padding:4px 2px;border-radius:4px;opacity:.4;transition:opacity .2s;white-space:normal;overflow-wrap:break-word;line-height:1.15}
.uw-seg .seg-sub{display:block;font-size:.62rem;font-weight:700;opacity:1;margin-top:1px}
.uw-seg.on{opacity:1;outline:2px solid var(--black);outline-offset:-1px}
.uw-src{font-size:.55rem;color:var(--muted);padding:10px 18px;line-height:1.4;background:var(--surface2);border-top:1px solid var(--border)}
.uw-src a{color:var(--gold-dark);text-decoration:none}

/* NOT from uw.html: index's #dashboard is a five-column .risk-grid, and in uw it
   holds exactly one full-width card. uw.html sets `display:block` on #dashboard
   directly in its renderer; here the mode attribute carries it, so the cat grid
   stays declarative. */
body[data-theme="light"] #dashboard.risk-grid{display:block}