:root{color-scheme:light}
.topbar-actions{display:flex;align-items:center;gap:20px}
.theme-toggle{font:600 13px/1.3 "Segoe UI",Arial,sans-serif;min-height:40px;padding:10px 14px;border:1px solid #b8c9d4;border-radius:6px;background:#fff;color:#27485b;cursor:pointer;white-space:nowrap}
.theme-toggle:hover{background:#edf3f6}
html[data-theme="dark"]{color-scheme:dark;color:#e0eaf3;background:#0d1621}
html[data-theme="dark"] .topbar{background:#111e2b;border-color:#293b4c}
html[data-theme="dark"] .brandmark{background:#245568;color:#e4f6fa}
html[data-theme="dark"] .brand div>span,
html[data-theme="dark"] .environment,
html[data-theme="dark"] .subtitle{color:#a2b5c5}
html[data-theme="dark"] .eyebrow{color:#80bccb}
html[data-theme="dark"] .records,
html[data-theme="dark"] .editor,
html[data-theme="dark"] .metrics>div{background:#142231;border-color:#2b3e50}
html[data-theme="dark"] .metrics span{color:#adc0ce}
html[data-theme="dark"] .metrics strong{color:#e8f2f9}
html[data-theme="dark"] .section-heading>span,
html[data-theme="dark"] .form-description,
html[data-theme="dark"] .filters label,
html[data-theme="dark"] td small,
html[data-theme="dark"] .storage-note,
html[data-theme="dark"] footer{color:#a1b4c3}
html[data-theme="dark"] input,
html[data-theme="dark"] select{background:#0f1c29;border-color:#476074;color:#e0eaf3}
html[data-theme="dark"] input::placeholder{color:#91a6b7}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus{border-color:#69bbcd;outline-color:#244a5b}
html[data-theme="dark"] th{background:#192c3d;color:#bed1de;border-color:#2b4052}
html[data-theme="dark"] td{border-color:#293d4e}
html[data-theme="dark"] .primary{background:#267e92;color:#fff}
html[data-theme="dark"] .primary:hover{background:#3090a4}
html[data-theme="dark"] .secondary,
html[data-theme="dark"] .theme-toggle{background:#1b3042;border-color:#466176;color:#dfedf6}
html[data-theme="dark"] .secondary:hover,
html[data-theme="dark"] .theme-toggle:hover{background:#254052}
html[data-theme="dark"] a{color:#8bd3e2}
html[data-theme="dark"] a.primary{color:#fff}
html[data-theme="dark"] .missing{color:#f0c17b}
html[data-theme="dark"] .status.new{background:#233e61;color:#c2dbff}
html[data-theme="dark"] .status.progress{background:#493c26;color:#f2d299}
html[data-theme="dark"] .status.done{background:#244635;color:#b1e6c6}
html[data-theme="dark"] .delete{color:#f2a6a6}
html[data-theme="dark"] .flash{background:#1a392f;border-color:#38634e;color:#b9e7ce}
html[data-theme="dark"] .error-summary{background:#40292e;border-color:#81505a;color:#ffd0d0}
html[data-theme="dark"] .field-error{color:#ffc2c2}
html[data-theme="dark"] input[aria-invalid="true"]{border-color:#dc8888}
html[data-theme="dark"] .empty{color:#adc0ce}
@media(max-width:550px){.topbar{gap:12px}.topbar-actions{gap:8px}.theme-toggle{padding:9px 10px;font-size:12px}}