/* NOC display palette. Geographic/monitoring data retain their original meaning. */
:root[data-theme=dark]{color-scheme:dark;--bg:#050e18;--panel:#0a1c2b;--ink:#d9e8f4;--muted:#91a9be;--line:#203c50;--brand:#21d4e8;--brand2:#087895;--good:#28d88e;--warn:#f3bb4d;--bad:#fb607a;--shadow:0 10px 24px #0004;--radius:10px}
:root[data-theme=light]{color-scheme:light;--radius:10px}
html[data-theme] .content{max-width:2100px;padding:22px 26px}
html[data-theme] .sidebar{padding:20px 18px;gap:12px}html[data-theme] .sidebar .brand{margin-bottom:2px}html[data-theme] .sidebar .ui-theme-toggle{width:100%;font-size:.8rem;border:1px solid #2e5269;border-radius:7px;padding:8px 12px;color:#bcecf4;text-align:left;margin-bottom:6px}
html[data-theme] .headline h1{font-size:1.8rem;letter-spacing:-.035em}html[data-theme] .card{border-radius:10px}html[data-theme] input,html[data-theme] select,html[data-theme] textarea,html[data-theme] .ghost,html[data-theme] .primary{border-radius:7px}html[data-theme] .card h2{font-size:1.2rem}html[data-theme] .topbar{border-radius:10px}html[data-theme] .topbar .context-summary p{font-size:.8rem}
html[data-theme=dark] body{background:radial-gradient(ellipse at top right,#0b2032 0,transparent 45%),var(--bg)}
html[data-theme=dark] .sidebar{background:#061420;border-right:1px solid var(--line)}html[data-theme=dark] .logo{border:1px solid #21d4e855;border-radius:9px;background:#0a2a3b;box-shadow:0 0 16px #21d4e815;color:var(--brand)}html[data-theme=dark] .sidebar .brand h2{letter-spacing:-.03em}html[data-theme=dark] .sidebar button.active,html[data-theme=dark] .sidebar .nav-items button[aria-current=page]{background:#123344;color:#5de5ed;box-shadow:inset 3px 0 #21d4e8}
html[data-theme=dark] .card,html[data-theme=dark] .topbar{background:linear-gradient(130deg,#0c2031,#081925);border-color:var(--line);box-shadow:0 5px 20px #0002}
html[data-theme=dark] label{color:#c3d7e6}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#071623;color:var(--ink);border-color:#29465c}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{background:#0b2233;border-color:var(--brand)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#829cb1}
html[data-theme=dark] .ghost,html[data-theme=dark] .workflow-actions button{background:#10283b;color:#d7e7f3;border-color:#2c4a61}html[data-theme=dark] .primary{color:#f2fcff;background:linear-gradient(135deg,#087a95,#075571);box-shadow:none}html[data-theme=dark] .ghost:hover,html[data-theme=dark] button:not(:disabled):hover{border-color:#39bed4}html[data-theme=dark] .ghost:focus-visible,html[data-theme=dark] button:focus-visible{outline:2px solid #54dded;outline-offset:3px}
html[data-theme=dark] .list-item,html[data-theme=dark] .kpi,html[data-theme=dark] .table tr.data,html[data-theme=dark] .answer{background:#0c2233;border-color:var(--line);color:var(--ink)}html[data-theme=dark] .badge{background:#163449;color:#d6e9f8}html[data-theme=dark] .badge.good{background:#10392c;color:#7cefc0}html[data-theme=dark] .badge.warn{background:#41341a;color:#ffe09c}html[data-theme=dark] .badge.bad{background:#461f2b;color:#ffa7b7}
html[data-theme=dark] dialog,html[data-theme=dark] .organization-context{background:#0b1e2d;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .organization-context::backdrop,html[data-theme=dark] dialog::backdrop{background:#01070dc9}html[data-theme=dark] dialog button:not(.primary){background:#102b3f;color:var(--ink);border-color:#315269}
html[data-theme=dark] .fp-tools button{background:#10283b;color:var(--ink);border-color:#315269}html[data-theme=dark] .fp-tools button[aria-pressed=true]{background:#11445b;color:#97eff7;border-color:#42bbc8}html[data-theme=dark] .fp-viewport{border-color:#315269}html[data-theme=dark] .fp-marker .fp-symbol{color:#075985}html[data-theme=dark] .fp-outlet .fp-symbol{color:#dc2626}
html[data-theme=dark] .login-shell{background:radial-gradient(ellipse at top,#0e3448,#050e18 65%)}html[data-theme=dark] .login-card{background:#0a1d2ef2;border-color:#29495d;color:var(--ink)}html[data-theme=dark] a{color:#66d5ed}html[data-theme=dark] .error{color:#ffa0b1}
@media(max-width:980px){html[data-theme] .content{padding:18px}html[data-theme] .sidebar{padding:14px 18px}.sidebar .ui-theme-toggle{max-width:220px}}@media(max-width:520px){html[data-theme] .content{padding:12px}}
html[data-theme] .topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}html[data-theme] .topbar .context-summary{flex:1 1 220px;min-width:0;margin-right:auto}html[data-theme] .topbar .context-summary strong{font-size:.8rem}html[data-theme] .topbar .context-summary p{margin:6px 0 0}html[data-theme] .topbar>label{flex:0 1 290px;min-width:180px;font-size:.74rem}html[data-theme] .topbar>button{font-size:.78rem;padding:9px 12px}html[data-theme=dark] .fp-details{background:var(--panel);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .fp-details dt,html[data-theme=dark] .fp-group-list small,html[data-theme=dark] [data-cab-recognition] fieldset>p,html[data-theme=dark] .infrastructure-report-dialog [data-report-status]{color:var(--muted)}html[data-theme=dark] .fp-details button,html[data-theme=dark] .fp-point-list button{background:#10283b;color:var(--ink);border-color:#315269}html[data-theme=dark] fieldset{border-color:#315269}
@media(max-width:650px){html[data-theme] .topbar{align-items:stretch;gap:10px}html[data-theme] .topbar .context-summary{flex-basis:100%}html[data-theme] .topbar>label{flex:1 1 100%;min-width:0}html[data-theme] .topbar>button{flex:1 1 auto}}
html[data-theme] .table td button{font-size:.75rem;padding:6px 9px;margin:2px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);cursor:pointer}html[data-theme] .table td button:hover{border-color:var(--brand)}
