:root{--bg: #12161c;--panel: #1a2029;--panel-alt: #212836;--border: #2b3342;--text: #dfe6f0;--text-dim: #8a95a8;--accent: #4fb3ff;--status-running: #e5484d;--status-off: #3ecf7e;--status-transition: #f5a623;--sev-critical: #ff4d4f;--sev-warning: #f5a623;--sev-info: #4fb3ff;--zone-normal: #2e7d46;--zone-warning: #b8860b;--zone-shed: #c05621;--zone-collapse: #b91c1c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app.collapsed{filter:saturate(.4)}.hud{display:flex;align-items:center;gap:24px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0}.hud-title{font-weight:600;letter-spacing:.04em;color:var(--text-dim);font-size:.85rem;white-space:nowrap}.hud-stat{display:flex;flex-direction:column;min-width:90px}.hud-stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.hud-stat-value{font-size:1.1rem;font-variant-numeric:tabular-nums}.hud-stat-demand{min-width:160px}.hud-demand-row{display:flex;align-items:center;gap:10px}.demand-sparkline{flex-shrink:0;display:block}.hud-sort-toggle{margin-left:auto;display:flex;gap:4px}.hud-sort-toggle-button{padding:6px 12px;background:var(--panel-alt);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-size:.8rem;font-weight:600;letter-spacing:.03em;cursor:pointer}.hud-sort-toggle-button:hover{border-color:var(--accent);color:var(--accent)}.hud-sort-toggle-button-active{color:var(--text);border-color:var(--accent)}.hud-pause-button{margin-left:12px;padding:8px 18px;background:var(--panel-alt);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.85rem;font-weight:600;letter-spacing:.03em;cursor:pointer}.hud-pause-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.hud-pause-button:disabled{color:var(--text-dim);cursor:not-allowed;opacity:.5}.freq-widget{display:flex;align-items:center;gap:12px;flex:1;max-width:480px}.freq-widget-track{position:relative;height:14px;flex:1;border-radius:3px;overflow:hidden;background:var(--panel-alt)}.freq-band{position:absolute;top:0;bottom:0}.freq-band-normal{background:var(--zone-normal)}.freq-band-warning-low,.freq-band-warning-high{background:var(--zone-warning)}.freq-band-shed-low,.freq-band-shed-high{background:var(--zone-shed)}.freq-band-collapse-low,.freq-band-collapse-high{background:var(--zone-collapse)}.freq-marker{position:absolute;top:-3px;bottom:-3px;width:3px;background:#fff;box-shadow:0 0 6px #fff;transform:translate(-50%)}.freq-readout{font-variant-numeric:tabular-nums;white-space:nowrap}.freq-value{font-size:1.2rem;font-weight:600}.freq-unit{color:var(--text-dim);margin-left:2px;font-size:.8rem}.zone-collapse .freq-value{color:var(--sev-critical)}.zone-shed .freq-value{color:var(--zone-shed)}.carbon-widget{display:flex;align-items:center;gap:12px;flex:1;max-width:360px}.carbon-widget-track{position:relative;height:14px;flex:1;border-radius:3px;overflow:hidden}.carbon-marker{position:absolute;top:-3px;bottom:-3px;width:3px;background:#fff;box-shadow:0 0 6px #fff;transform:translate(-50%)}.carbon-readout{font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;flex-direction:column;line-height:1.2}.carbon-value{font-size:1.1rem;font-weight:600}.carbon-unit{color:var(--text-dim);margin-left:2px;font-size:.7rem}.carbon-tonnage{color:var(--text-dim);font-size:.7rem}.regional-view{flex:1;overflow-y:auto;padding:16px}.regional-top-strip{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.regional-boundary-strip{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.regional-boundary-gauge{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:8px;font-size:.75rem}.regional-boundary-gauge.congested{border-color:var(--sev-critical)}.regional-boundary-gauge-header{display:flex;justify-content:space-between;gap:8px}.regional-boundary-gauge-regions{color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.regional-boundary-gauge-bar{height:6px;background:var(--panel-alt);border-radius:3px;margin-top:6px;overflow:hidden}.regional-boundary-gauge-fill{height:100%;background:var(--accent)}.regional-boundary-gauge.congested .regional-boundary-gauge-fill{background:var(--sev-critical)}.regional-boundary-gauge-figures{font-size:.7rem;color:var(--text-dim);margin-top:4px;font-variant-numeric:tabular-nums}.regional-boundary-congested-label{color:var(--sev-critical);font-weight:700;margin-left:6px}.regional-table{width:100%;border-collapse:collapse;font-size:.8rem}.regional-table th{text-align:left;color:var(--text-dim);font-size:.7rem;text-transform:uppercase;padding:6px 8px;cursor:pointer}.regional-table td{padding:6px 8px;font-variant-numeric:tabular-nums}.regional-table tbody tr:not(.regional-detail-row){cursor:pointer;border-top:1px solid var(--border)}.regional-table tr.expanded{background:var(--panel-alt)}.regional-table td.positive{color:var(--zone-normal)}.regional-table td.negative{color:var(--sev-critical)}.regional-isolated-label{color:var(--text-dim);font-size:.75rem}.regional-boundary-badge{display:inline-block;margin-right:6px;padding:1px 5px;border-radius:3px;font-size:.65rem;background:var(--panel-alt);color:var(--text-dim)}.regional-boundary-badge.congested{background:var(--sev-critical);color:#fff}.regional-shed-pill{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px}.regional-shed-pill.balanced{font-weight:400;color:var(--text-dim);background:transparent;padding:0}.regional-shed-pill.stage-0{background:var(--zone-warning);color:#06121e}.regional-shed-pill.stage-1,.regional-shed-pill.stage-2{background:#c2661a;color:#fff}.regional-shed-pill.stage-3,.regional-shed-pill.stage-4{background:var(--sev-critical);color:#fff}.regional-detail-row td{background:var(--panel-alt);padding:10px}.regional-unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.regional-constrain-toggle{padding:3px 8px;font-size:.7rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;white-space:nowrap}.regional-constrain-toggle.active{border-color:#f5a623;background:#f5a6232e;color:#f5a623}.unit-node{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:10px;width:168px;display:flex;flex-direction:column;gap:6px}.unit-node.tripped{border-color:var(--sev-critical)}.unit-node-header{display:flex;align-items:center;gap:6px;color:var(--accent)}.unit-status-dot{width:9px;height:9px;border-radius:50%;background:var(--status-off);flex-shrink:0}.unit-status-dot[data-status=running]{background:var(--status-running)}.unit-status-dot[data-status=transition]{background:var(--status-transition)}.unit-status-dot[data-status=tripped]{background:var(--sev-critical)}.unit-name{font-size:.8rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.unit-power-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;flex-shrink:0;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer}.unit-power-toggle:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.unit-power-toggle:disabled{opacity:.35;cursor:default}.unit-output{font-variant-numeric:tabular-nums;font-size:.85rem}.unit-capacity,.unit-tripped-label,.unit-phase-label{color:var(--text-dim);font-size:.75rem}.unit-tripped-label{color:var(--sev-critical);font-weight:600}.unit-phase-label{color:var(--status-transition);font-weight:600}.forecast-band{position:relative;height:8px;background:var(--panel-alt);border-radius:2px}.forecast-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#4fb3ff59;border-radius:2px}.forecast-actual-marker{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;transform:translate(-50%)}.reserve-gauge{width:10px;height:34px;background:var(--panel-alt);border-radius:2px;align-self:flex-start;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.reserve-fill{background:var(--accent)}.unit-slider{width:100%}.unit-setpoint-input-row{display:flex;align-items:center;gap:4px}.unit-setpoint-input{width:0;flex:1 1 auto;min-width:0;background:var(--panel-alt);border:1px solid var(--border);border-radius:4px;color:var(--text);font-variant-numeric:tabular-nums;font-size:.75rem;padding:2px 4px}.unit-setpoint-input:disabled{opacity:.5}.unit-setpoint-input-unit{color:var(--text-dim);font-size:.7rem;flex-shrink:0}.alarm-log{background:var(--panel);border-top:1px solid var(--border);overflow-y:auto;padding:12px;margin-top:20px}.alarm-log-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 10px}.alarm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.alarm-empty{color:var(--text-dim);font-size:.8rem}.alarm-entry{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border-radius:4px;border-left:3px solid transparent;font-size:.8rem;cursor:default;background:var(--panel-alt)}.alarm-entry.severity-critical{border-left-color:var(--sev-critical)}.alarm-entry.severity-warning{border-left-color:var(--sev-warning)}.alarm-entry.severity-info{border-left-color:var(--sev-info)}.alarm-entry.flashing{cursor:pointer;animation:alarm-flash 1s step-start infinite}.alarm-entry.acked{opacity:.55}@keyframes alarm-flash{50%{background:var(--panel)}}.alarm-time{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0}.alarm-ack-hint{margin-left:auto;font-size:.65rem;color:var(--text-dim);border:1px solid var(--border);border-radius:3px;padding:1px 4px}.shift-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10}.shift-summary{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:28px 32px;min-width:360px;max-width:90vw}.shift-summary h1{margin:0 0 16px;font-size:1.1rem;letter-spacing:.08em;color:var(--text-dim)}.shift-summary-headline{font-size:1.6rem;margin-bottom:4px;display:flex;align-items:center;gap:10px}.new-best-badge{font-size:.7rem;background:var(--accent);color:#06121e;padding:2px 6px;border-radius:3px;font-weight:700}.shift-summary-subhead{color:var(--text-dim);margin-bottom:18px;font-size:.85rem}.shift-summary-table{width:100%;border-collapse:collapse;margin-bottom:20px}.shift-summary-table td{padding:6px 0;border-bottom:1px solid var(--border);font-size:.9rem}.shift-summary-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.restart-button{background:var(--accent);color:#06121e;border:none;border-radius:4px;padding:10px 18px;font-size:.9rem;font-weight:600;cursor:pointer}.restart-button:hover{filter:brightness(1.1)}.preshift-shell{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.preshift-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:40px 48px;min-width:360px;text-align:center}.preshift-panel-wide{min-width:480px;text-align:left}.preshift-title{font-size:1.8rem;font-weight:700;letter-spacing:.08em;color:var(--text)}.preshift-title-small{font-size:1.1rem;margin-bottom:20px;text-align:center}.preshift-subtitle{color:var(--text-dim);margin-bottom:28px}.preshift-primary-button{background:var(--accent);color:#06121e;border:none;border-radius:4px;padding:12px 28px;font-size:1rem;font-weight:700;cursor:pointer;width:100%;margin-top:8px}.preshift-primary-button:hover{filter:brightness(1.1)}.preshift-group{margin-bottom:20px}.preshift-group-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:8px}.preshift-cards{display:flex;flex-direction:column;gap:8px}.preshift-card{background:var(--panel-alt);border:1px solid var(--border);border-radius:6px;padding:10px 14px;text-align:left;cursor:pointer;color:var(--text)}.preshift-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.preshift-card-label{font-weight:600;font-size:.9rem}.preshift-card-blurb{color:var(--text-dim);font-size:.75rem;margin-top:2px}.preshift-back-button{background:none;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;padding:0;margin-bottom:16px}.preshift-back-button:hover{color:var(--text)}.preshift-week-overview{background:var(--panel-alt);border:1px solid var(--border);border-radius:6px;padding:14px 16px;margin-bottom:20px;color:var(--text-dim)}.preshift-week-overview strong{color:var(--text)}.pause-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a10b8;display:flex;align-items:center;justify-content:center;z-index:50}.pause-modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:32px 36px;min-width:320px;text-align:center}.pause-title{font-size:1.3rem;font-weight:700;letter-spacing:.06em;margin-bottom:8px}.pause-blurb{color:var(--text-dim);font-size:.85rem;margin-bottom:18px}.pause-btn{display:block;width:100%;padding:10px 16px;margin-top:10px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--panel-alt);color:var(--text)}.pause-btn-primary{background:var(--accent);color:#06121e;border:none}.pause-btn-secondary{border-color:var(--accent);color:var(--accent)}.pause-btn-danger{border-color:var(--sev-critical);color:var(--sev-critical)}.pause-btn-tertiary{background:transparent;border:none;color:var(--text-dim)}.pause-toast{color:var(--status-off);font-size:.75rem;margin-top:10px}.setup-banner{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;font-size:.8rem}.setup-banner-regional-watch{flex-basis:100%;color:var(--zone-warning)}.setup-banner-title{font-weight:700;letter-spacing:.06em;white-space:nowrap}.setup-banner-blurb{color:var(--text-dim);flex:1}.setup-banner-balance{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.setup-banner-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.setup-banner.zone-green .setup-banner-dot{background:var(--zone-normal)}.setup-banner.zone-amber .setup-banner-dot{background:var(--zone-warning)}.setup-banner.zone-red .setup-banner-dot{background:var(--sev-critical)}.setup-banner-actions{display:flex;gap:8px;flex-shrink:0}.setup-banner-start{padding:8px 20px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;background:var(--accent);color:#06121e;flex-shrink:0}.setup-banner-balance-btn{padding:8px 20px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text);flex-shrink:0}.pause-error{color:var(--sev-critical);font-size:.75rem;margin-top:10px}.pause-error-saves{margin-top:10px;text-align:left}.pause-error-saves-title{color:var(--text-dim);font-size:.7rem;margin-bottom:4px}.pause-error-save-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;font-size:.78rem}.load-table-panel{min-width:520px;text-align:left}.load-empty{color:var(--text-dim);font-size:.9rem;padding:24px 0;text-align:center}.load-error{color:var(--sev-critical);font-size:.8rem;margin-bottom:12px}.load-table{width:100%;border-collapse:collapse;font-size:.85rem}.load-table th{text-align:left;color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;border-bottom:1px solid var(--border)}.load-table td{padding:8px;border-bottom:1px solid var(--border);color:var(--text)}.load-row-incompatible td{opacity:.5}.load-table-actions{display:flex;gap:6px;justify-content:flex-end}.load-btn-small{background:var(--panel-alt);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;font-size:.78rem;padding:4px 10px}.load-btn-small:hover{border-color:var(--accent)}.load-btn-danger:hover{border-color:var(--sev-critical);color:var(--sev-critical)}.load-incompatible-tag{color:var(--sev-warning);font-size:.75rem;align-self:center}.hud-freshness-pill{margin-left:6px;padding:1px 6px;border-radius:8px;font-size:.65rem;font-weight:400;color:var(--text-dim);background:var(--panel-alt);border:1px solid var(--border)}.hud-freshness-pill-stale{color:var(--bg);background:var(--sev-warning);border-color:var(--sev-warning);animation:freshness-pulse 1.2s ease-in-out infinite}@keyframes freshness-pulse{0%,to{opacity:1}50%{opacity:.5}}.away-recap-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:560px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 16px;box-shadow:0 4px 16px #0006;z-index:20}.away-recap-toast-body{font-size:.85rem;color:var(--text)}.away-recap-toast-dismiss{background:transparent;border:none;color:var(--text-dim);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 4px}.away-recap-toast-dismiss:hover{color:var(--text)}.live-connecting-status{color:var(--text-dim);font-size:.9rem;margin:16px 0}.live-connecting-error{color:var(--sev-critical);font-size:.9rem;margin-top:16px}.live-connecting-error-detail{color:var(--text-dim);font-size:.75rem;margin:6px 0 16px}