/* Dark theme for /report.html. Applies only under html[data-theme="dark"], which
   components/preferences.js sets. The block between the sentinels is
   generated by scripts/build_dark_theme.mjs; never edit it by hand. Anything
   after it is hand-written and wins at equal specificity. */

/* DARK_THEME:GENERATED:START */
/* Generated by scripts/build_dark_theme.mjs. Do not edit by hand. */
html[data-theme="dark"]{--bg:#192030;--surface:#171d2c;--surface2:#192030;--sage:#1d2639;--border:#212a40;--accent:#7bb3f4;--accent2:#8abff5;--mint:#6FE3B4;--text:#c4d1d9;--muted:#afbac0;--ink:#d2e7f5;--warn:#f4b07c;--good:#a4f4d6}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] a{color:var(--accent)}
html[data-theme="dark"] .crumb{color:var(--muted)}
html[data-theme="dark"] h1{color:var(--ink)}
html[data-theme="dark"] .sub{color:var(--muted)}
html[data-theme="dark"] .card{background:var(--surface);border:1px solid var(--border)}
html[data-theme="dark"] h2{color:var(--muted)}
html[data-theme="dark"] .half-label{color:var(--muted)}
html[data-theme="dark"] .num{color:var(--ink)}
html[data-theme="dark"] .num span{color:var(--muted)}
html[data-theme="dark"] .half-note{color:var(--muted)}
html[data-theme="dark"] .bar{background:var(--sage)}
html[data-theme="dark"] .fill{background:var(--accent)}
html[data-theme="dark"] .verdict{border-top:1px solid var(--border);color:var(--ink)}
html[data-theme="dark"] .meta{color:var(--muted)}
html[data-theme="dark"] .h2-note{color:var(--muted)}
html[data-theme="dark"] .stats{border-top:1px solid var(--border)}
html[data-theme="dark"] .s-k{color:var(--muted)}
html[data-theme="dark"] .s-v{color:var(--ink)}
html[data-theme="dark"] .s-v small{color:var(--muted)}
html[data-theme="dark"] .s-n{color:var(--muted)}
html[data-theme="dark"] .stat:last-child .s-v{color:var(--accent)}
html[data-theme="dark"] .round{border-top:1px solid var(--border)}
html[data-theme="dark"] .round:first-of-type{border-top:0}
html[data-theme="dark"] .r-name{color:var(--ink)}
html[data-theme="dark"] .s-ready .tag{background:#283d33;color:var(--good)}
html[data-theme="dark"] .s-nearly .tag{background:#423721;color:var(--warn)}
html[data-theme="dark"] .s-building .tag{background:rgba(14,103,208,.1);color:var(--accent)}
html[data-theme="dark"] .s-not-started .tag{background:var(--sage);color:var(--muted)}
html[data-theme="dark"] .tag.t-opt{background:var(--sage);color:var(--muted)}
html[data-theme="dark"] .s-ready .fill{background:var(--good)}
html[data-theme="dark"] .s-nearly .fill{background:var(--warn)}
html[data-theme="dark"] .s-not-started .fill{background:#414743}
html[data-theme="dark"] .r-count{color:var(--muted)}
html[data-theme="dark"] .r-why{color:var(--muted)}
html[data-theme="dark"] .r-why b{color:var(--text)}
html[data-theme="dark"] .chip{background:var(--surface2);border:1px solid var(--border);color:var(--text)}
html[data-theme="dark"] .chip:hover{border-color:var(--accent);color:var(--accent)}
html[data-theme="dark"] .chip i{color:var(--muted)}
html[data-theme="dark"] .chip.ok{background:rgba(111,227,180,.16);border-color:rgba(111,227,180,.5);color:var(--good)}
html[data-theme="dark"] .lead{color:var(--muted)}
html[data-theme="dark"] .qs em{color:var(--muted)}
html[data-theme="dark"] .t-skip{color:var(--muted);background:none;border:0}
html[data-theme="dark"] .t-skip:hover{color:var(--accent)}
html[data-theme="dark"] .qs-inline{color:var(--muted)}
html[data-theme="dark"] .track{border-top:1px solid var(--border)}
html[data-theme="dark"] .track:first-of-type{border-top:0}
html[data-theme="dark"] .t-name{color:var(--ink)}
html[data-theme="dark"] .t-count{color:var(--muted)}
html[data-theme="dark"] .t-blurb{color:var(--muted)}
html[data-theme="dark"] .st-name{color:var(--muted)}
html[data-theme="dark"] .st-count{color:var(--muted)}
html[data-theme="dark"] .cell{background:var(--surface2);border:1px solid var(--border)}
html[data-theme="dark"] a.cell:hover{border-color:var(--accent);background:#171d2c}
html[data-theme="dark"] .c-n{color:var(--ink)}
html[data-theme="dark"] .c-b{background:rgba(14,42,60,.09)}
html[data-theme="dark"] .c-f{background:var(--accent)}
html[data-theme="dark"] .c-c{color:var(--muted)}
html[data-theme="dark"] .cell.is-none .c-f{background:#414743}
html[data-theme="dark"] .cell.is-full{background:rgba(111,227,180,.14);border-color:rgba(111,227,180,.55)}
html[data-theme="dark"] .cell.is-full .c-f{background:var(--good)}
html[data-theme="dark"] .ms-group{color:var(--muted)}
html[data-theme="dark"] .ms-row{border-top:1px solid var(--border)}
html[data-theme="dark"] .ms-cta{color:var(--accent);border:1px solid var(--border)}
html[data-theme="dark"] .ms-cta:hover{border-color:var(--accent);background:rgba(14,103,208,.06)}
html[data-theme="dark"] .ms input{accent-color:var(--good)}
html[data-theme="dark"] .ms b{color:var(--ink)}
html[data-theme="dark"] .ms em{color:var(--muted)}
html[data-theme="dark"] .ms.done b{color:var(--muted);text-decoration-color:#c3cfc8}
html[data-theme="dark"] .opening{color:var(--ink)}
html[data-theme="dark"] .opening-note{color:var(--muted)}
html[data-theme="dark"] .start-cta{border-top:1px solid var(--border)}
html[data-theme="dark"] .start-cta .hint{color:var(--muted)}
html[data-theme="dark"] .gap{border-top:1px solid var(--border)}
html[data-theme="dark"] .gap:first-of-type{border-top:0}
html[data-theme="dark"] .gap b{color:var(--ink)}
html[data-theme="dark"] .gap p{color:var(--muted)}
html[data-theme="dark"] .cta{background:var(--accent);color:#fff}
html[data-theme="dark"] .foot{color:var(--muted)}
html[data-theme="dark"] .state{color:var(--muted)}
/* DARK_THEME:GENERATED:END */