/* GENERATED by tools/dark-css.mjs from css/styles.css - don't edit by hand (run: node tools/dark-css.mjs) */
html[data-theme="dark"] { color-scheme: dark;
  --navy-text: #b7d2ee; --blue-text: #6cb6ea; --bg: #0c131b; --soft: #1a2a3c; --card: #152130; --text: #e3eaf3; --muted: #99a8ba; --line: #2b3b4e;
  --danger: #f2877b; --ok: #4cc38a; }
html:not([data-theme="dark"]) { --navy-text: var(--navy); --blue-text: var(--blue); }
html[data-theme="dark"] img:not([src$=".svg"]) { color-scheme: normal; }
/* brand colors used as text get a lighter twin per brand (css/theme.css); the logo keeps a white backing */
html[data-theme="dark"] .brand img, html[data-theme="dark"] .home-logo { background: #fff; border-radius: 10px; padding: 4px 8px; }
html[data-theme="dark"] svg.diagram, html[data-theme="dark"] .shape-icon { border-radius: 10px; }

html[data-theme="dark"] .brand { background: var(--card); border-bottom: 4px solid var(--navy-text); }
html[data-theme="dark"] .brand .tagline { color: var(--blue-text); }
html[data-theme="dark"] .btn-ghost { background: var(--card); color: var(--navy-text); }
html[data-theme="dark"] .btn-danger { background: var(--card); border: 2px solid #422320; }
html[data-theme="dark"] input[type=text],
html[data-theme="dark"] select { background: var(--card); }
html[data-theme="dark"] input[type=text]:focus,
html[data-theme="dark"] select:focus { border-color: var(--blue-text); }
html[data-theme="dark"] .proj .tot { color: var(--navy-text); }
html[data-theme="dark"] .area-btn { background: var(--card); }
html[data-theme="dark"] .area-btn:active,
html[data-theme="dark"] .shape-btn:active { border-color: var(--blue-text); }
html[data-theme="dark"] .area-btn .name { color: var(--navy-text); }
html[data-theme="dark"] .badge-done { background: #1b2e23; }
html[data-theme="dark"] .badge-wip { color: var(--blue-text); }
html[data-theme="dark"] .shape-btn { background: var(--card); color: var(--navy-text); }
html[data-theme="dark"] .diagram { background: var(--card); }
html[data-theme="dark"] .meas-row { background: var(--card); }
html[data-theme="dark"] .meas-row .val { color: var(--navy-text); }
html[data-theme="dark"] .meas-row .val.empty { color: var(--blue-text); }
html[data-theme="dark"] .group-h h2 { color: var(--navy-text); }
html[data-theme="dark"] .shape-item .sq { color: var(--navy-text); }
html[data-theme="dark"] .small-btn { background: var(--card); color: var(--navy-text); }
html[data-theme="dark"] .small-btn.danger { border-color: #422320; }
html[data-theme="dark"] .subtotal { background: var(--card); border-left: 4px solid var(--blue-text); }
html[data-theme="dark"] .tabs { background: var(--card); }
html[data-theme="dark"] .tab[aria-current="page"] { color: var(--navy-text); }
html[data-theme="dark"] .sheet-backdrop { background: rgba(141, 182, 232, 0.45); }
html[data-theme="dark"] .sheet { background: var(--card); }
html[data-theme="dark"] .sheet h3 { color: var(--navy-text); }
html[data-theme="dark"] .kp-display { color: var(--navy-text); }
html[data-theme="dark"] .key:active { background: #1d2730; }
html[data-theme="dark"] .key.alt { color: var(--blue-text); }
html[data-theme="dark"] .dialog { background: var(--card); }
html[data-theme="dark"] .toast { background: #33465c; }
html[data-theme="dark"] .formula { color: var(--blue-text); }
html[data-theme="dark"] .pair-toggle { border: 2px dashed var(--blue-text); background: var(--card); }
html[data-theme="dark"] .pair-toggle .pt-box { border: 2px solid var(--blue-text); background: var(--card); }
html[data-theme="dark"] .notes-toggle { color: var(--navy-text); }
html[data-theme="dark"] .note-list .bullet { color: var(--blue-text); }
html[data-theme="dark"] .note-list textarea:focus { background: #10171f; }
html[data-theme="dark"] .notes-head { color: var(--navy-text); }
html[data-theme="dark"] .folder-card .fn { color: var(--navy-text); }
html[data-theme="dark"] [data-ph-status]:not(:empty) { color: var(--navy-text); }
html[data-theme="dark"] .ph-full { background: #d7dde5; }
html[data-theme="dark"] .np-photos { color: var(--navy-text); }
html[data-theme="dark"] .jn-result { background: var(--card); }
html[data-theme="dark"] .jn-status-tag { color: var(--blue-text); }
html[data-theme="dark"] .sat-grid b { color: var(--navy-text); }
html[data-theme="dark"] .sat-total td { color: var(--navy-text); }
html[data-theme="dark"] .sat-disclaimer { color: var(--navy-text); }
html[data-theme="dark"] .crm-banner { background: var(--card); color: var(--navy-text); }
html[data-theme="dark"] .open-btn { border: 2px dashed #422320; background: var(--card); }
html[data-theme="dark"] .chip { background: var(--card); color: var(--navy-text); }
html[data-theme="dark"] .chip.on { border-color: var(--navy-text); }
html[data-theme="dark"] .qbtn { background: var(--card); color: var(--navy-text); }
@media (min-width: 900px) {
html[data-theme="dark"] .tabs-proj b { color: var(--navy-text); }
}
@media (min-width: 900px) {
html[data-theme="dark"] .tabs-proj .tabs-tot { color: var(--navy-text); }
}
@media (min-width: 900px) {
html[data-theme="dark"] .tab:hover { color: var(--navy-text); }
}
@media (min-width: 900px) {
html[data-theme="dark"] .tab[aria-current="page"] { color: var(--navy-text); }
}
html[data-theme="dark"] .pc-fields h3 { color: var(--navy-text); }
html[data-theme="dark"] .pc-fields input { color: var(--navy-text); }
html[data-theme="dark"] .theme-seg button { color: var(--navy-text); }
html[data-theme="dark"] .pcf-row b { color: var(--navy-text); }
html[data-theme="dark"] .logo-home:focus-visible { outline: 3px solid var(--blue-text); }