/* Main simulator only: the entrance keeps its existing palette. */
:root{--background:#151b23;--foreground:#f1f5f9;--secondary:#222d3a;--muted:#303d4c;--muted-foreground:#bbc7d4;--border:#465566;--green:#4dd4a0;--ring:#82aedb;--viz-series-1:#82aedb;--viz-series-2:#f0b44d;--alarm:#f0646d}
body{background:var(--background);color:var(--foreground)}
a,.sim-brand,.sim-header>a{color:#a6c9ed}.sim-header h1,#edr-sync h2,#edr-sync h3{color:var(--foreground)}
.sim-guide{background:var(--secondary);border-color:var(--ring);color:var(--foreground)}
.btn{background:var(--secondary)}.btn:hover:not(:disabled){background:#34465a}.btn-primary{background:var(--ring);color:#151b23;border-color:var(--ring)}.btn-primary:hover:not(:disabled){background:#a6c9ed}
#edr-sync .switchboard{padding:16px;background:var(--secondary);border:1px solid var(--border);border-radius:10px}
#edr-sync .settings{padding:16px;background:#1b242f;border:1px solid var(--border);border-radius:10px}
#edr-sync .settings h3{border-bottom:1px solid var(--border);padding-bottom:8px}
#edr-sync .form-label{color:#dce5ef}#edr-sync output{color:var(--foreground)}
#edr-sync .pot{background:conic-gradient(from 225deg,var(--alarm) 0deg 67.5deg,var(--green) 67.5deg 202.5deg,var(--alarm) 202.5deg 270deg,transparent 270deg 360deg);box-shadow:0 0 0 1px #303d4c}
#edr-sync .pot:before{inset:5px;background:#1b242f}
#edr-sync .pot-face{background:radial-gradient(circle at 32% 24%,#98a7b7 0%,#68788a 40%,#354252 100%);border:2px solid #96a5b5;box-shadow:0 5px 10px #0006,inset 0 1px 3px #d7e1ed66}
#edr-sync .pot-face:after{background:#f1f5f9;box-shadow:0 0 2px #000}
#edr-sync .pot-adjust button{background:#2a3d52;border-color:#678bad;color:#e5f1ff}#edr-sync .pot-adjust button:hover:not(:disabled){background:#3d5876}
#edr-sync .pot-entry{background:#111820;border-color:#68788a}#edr-sync .pot-entry input{color:var(--foreground)}
#edr-sync .scope .engraved{fill:#bbc7d4}#edr-sync .breaker-caption{color:#dce5ef}
#edr-sync .breaker-readout{color:var(--muted-foreground)}#edr-sync .breaker-face[data-closed="true"] .breaker-readout{color:var(--green)}
#edr-sync .breaker-face[data-alarm="true"]{border-color:var(--alarm)}#edr-sync .breaker-face[data-alarm="true"] .breaker-readout{color:var(--alarm)}
#edr-sync .alarm-panel>div{background:#1b242f;color:#bbc7d4}#edr-sync .alarm-panel .active{background:#41252c;color:#ffe7e9;border-color:var(--alarm)}
#edr-sync #edr-state{color:var(--viz-series-2);border-color:#8a6b36}#edr-sync #edr-state[data-mode="parallel"]{color:var(--green);border-color:#338e6d}#edr-sync #edr-state[data-mode="alarm"]{color:#ff9aa2;border-color:var(--alarm)}
#edr-sync #edr-event{padding:12px;border-left:3px solid var(--ring);background:var(--secondary);color:var(--foreground)}#edr-sync #edr-event[data-alarm="true"]{border-color:var(--alarm);background:#32232a}
#edr-sync .range-legend{font-size:14px;color:var(--muted-foreground);margin:0}#edr-sync .range-legend .safe{color:var(--green)}#edr-sync .range-legend .fault{color:#ff9aa2}
@media(max-width:600px){#edr-sync .settings{padding:12px;gap:12px 8px}#edr-sync .pot-adjust{gap:3px}#edr-sync .pot-entry{padding:0 3px}#edr-sync .pot-entry input{width:56px}#edr-sync .pot-adjust button{flex-basis:36px}}