/* Color-only overrides. The original layout, typography and table density stay
   in styles.css; dark/green remains the default, byte-for-byte original skin. */
:root { --surface:#19262d;--input:#101a20;--sidebar:#0f191e;--active:#233027;--table-head:#142129;--hover:#18262d;--warning:#e8bd78 }
:root[data-palette=blue] { --accent:#99c9fa;--active:#1d3043 }
:root[data-palette=graphite] { --accent:#d8dce4;--active:#2b3037 }
:root[data-theme=light] { color-scheme:light;--bg:#f3f6f4;--panel:#fff;--line:#cfdad3;--muted:#536a60;--text:#182d24;--accent:#436c24;--up:#17674d;--down:#a63838;--surface:#edf2ef;--input:#fff;--sidebar:#eaf0ec;--active:#dce9d8;--table-head:#edf3ee;--hover:#e6eee9;--warning:#835215 }
:root[data-theme=light][data-palette=blue] { --accent:#155a98;--active:#dceaf7 }
:root[data-theme=light][data-palette=graphite] { --accent:#404c61;--active:#e0e5ed }
:root:not([data-theme=dark]) button { background:var(--surface) }
:root button.primary { background:var(--accent);color:var(--bg) }
:root input,:root select { background:var(--input);border-color:var(--line) }
:root .sidebar { background:var(--sidebar) }
:root .nav-item.active,:root .tabs button.active,:root .segmented button.active { background:var(--active) }
:root .state-chip,:root .tv-shell,:root .tv-shell iframe { background:var(--input) }
:root .state-chip.active,:root .state-chip:hover { background:var(--active);border-color:var(--accent) }
:root th { background:var(--table-head) }
:root td { border-color:var(--line) }
:root tbody tr:hover { background:var(--hover) }
:root .type-options .check { background:var(--surface) }
:root .applied-filters { background:var(--active) }
:root .applied-filters span { border-color:var(--line) }
:root .badge.neutral { background:var(--surface) }
:root .warn,:root .filter-warning { color:var(--warning) }
:root .chart text { fill:var(--muted) }
:root[data-theme=light] .nav-item,:root[data-theme=light] th,:root[data-theme=light] .stamp strong,:root[data-theme=light] .state-chip strong { color:var(--text) }
:root[data-theme=light] .workspace-tag,:root[data-theme=light] .brand small,:root[data-theme=light] .button-link { color:var(--muted) }
:root[data-theme=light] .notice,:root[data-theme=light] .tv-status { background:var(--surface);color:var(--text) }
:root[data-theme=light] .spotlight { background:linear-gradient(120deg,var(--active),var(--panel)) }
:root[data-theme=light] .spotlight p { color:var(--muted) }
:root[data-theme=light] dialog { background:var(--bg);border-color:var(--line) }
:root[data-theme=light] .button-link { background:var(--surface) }
:root[data-theme=light] .segmented { background:var(--surface) }
:root[data-theme=light] .metric,:root[data-theme=light] .dialog-header { background:var(--panel) }
:root[data-theme=light] .badge { color:var(--up);background:var(--active);border-color:var(--line) }
:root[data-theme=light] .badge.neutral { color:var(--muted) }
:root[data-theme=light] .badge.warn { color:var(--warning);background:#faf0dd;border-color:#dec9a4 }
:root .chart .grid { stroke:var(--line) }
:root .chart .rise { fill:var(--up);stroke:var(--up) }
:root .chart .fall { fill:var(--down);stroke:var(--down) }
:root .chart .signal { fill:var(--accent) }
.display-settings { display:flex;gap:6px;align-items:end }
.display-settings select { font-size:10px;padding:5px 6px;max-width:110px }
.display-settings label { font-size:9px }
.search { position:relative }
.asset-search-results:not(:empty) { position:absolute;top:100%;left:0;min-width:260px;max-width:340px;max-height:360px;overflow:auto;z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:10px;box-shadow:0 6px 24px #0003 }
.asset-search-results a { display:block;padding:6px 0;border-bottom:1px solid var(--line) }
.asset-search-results strong,.asset-search-results small { display:block }
.pending-assets { padding:12px 20px }
.pending-assets button { margin-top:12px }
.observation-label { margin-left:43px;color:var(--accent) }
.observation-controls small { max-width:480px }
@media(max-width:1100px) { .topbar { height:auto;min-height:74px;flex-wrap:wrap;padding:12px 0;gap:10px }.display-settings { margin-left:auto } }
@media(max-width:760px) { .topbar>.display-settings { width:100%;margin-left:0 }.display-settings label { flex:1 }.display-settings select { max-width:none;width:100% }.asset-search-results:not(:empty) { max-width:calc(100vw - 42px);min-width:220px }.observation-controls { padding:12px 13px }.observation-controls small { width:100% } }
@media(max-width:760px) { .stamp { white-space:normal }.stamp small:last-child { display:block }.dialog-header { flex-wrap:wrap;gap:10px }.dialog-header .display-settings { width:100%;margin-left:0 } }