:root{color:#edf2f6;font-synthesis:none;--bg:#101820;--panel:#18232e;--surface:#1e2b37;--border:#2c3a47;--muted:#a7b6c3;--text:#edf2f6;--accent:#65dbc6;--amber:#edbd70;--red:#ff9397;--green:#94cdb2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101820;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{min-width:360px;margin:0}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}button,summary{touch-action:manipulation}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.7px;font-size:28px;font-weight:600}h2{font-size:19px;font-weight:600}h3{font-size:15px;font-weight:600}.muted{color:var(--muted)!important}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.value{font-variant-numeric:tabular-nums;white-space:nowrap}.value small{color:var(--muted);font-size:.56em;font-weight:400}.value.old{color:var(--muted)}.value sup{color:var(--muted);margin-left:1px;font-size:11px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:9px}.topbar{border-bottom:1px solid var(--border);background:#141e27;align-items:center;gap:22px;height:72px;padding:0 32px;display:flex}.brand{white-space:nowrap;letter-spacing:-.4px;align-items:center;gap:11px;font-size:20px;display:flex}.brand b{font-weight:650}.brand b>span{color:#c2cdd6;font-weight:400}.brand-mark{width:35px;height:38px;color:var(--accent);background:#203d40;border:1px solid #38635e;border-radius:7px;justify-content:center;align-items:center;display:flex}.header-divider{background:#34424e;width:1px;height:23px}.container-name{color:#c3cdd6;align-items:center;gap:9px;display:flex}.topbar-right{align-items:center;gap:22px;margin-left:auto;display:flex}.mode-pill{border:1px solid #445767;border-radius:5px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:flex}.mode-pill.demo{color:#f1c78b;background:#3a3023;border-color:#645037}.live-status{align-items:center;gap:7px;font-size:13px;display:flex}.update-time{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.icon-button{color:#b2c2cf;background:0 0;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-button:hover{background:var(--surface)}main{max-width:2400px;margin:auto;padding:29px 32px 0}.workspace-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:1.4px;color:#aec1cc;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.tiny-line{background:var(--accent);width:18px;height:2px}.workspace-heading h1{margin:9px 0}.workspace-heading p{color:var(--muted);font-size:13px}.workspace-heading p span{color:#59707e;margin:0 9px}.workspace-right{align-items:center;gap:26px;display:flex}.readonly{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.container-drawing{width:175px;height:66px}.summary-grid{grid-template-columns:1fr 1fr 1fr 1.2fr;gap:16px;margin-bottom:29px;display:grid}.summary-card{border:1px solid var(--border);background:linear-gradient(115deg,#1c2935,#18232e);border-radius:8px;min-height:140px;padding:18px 21px;position:relative}.summary-label{color:#b9c7d2;align-items:center;gap:8px;font-size:13px;display:flex}.summary-card>strong,.summary-events strong{letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:14px 0 12px;font-size:33px;font-weight:550;line-height:1.1;display:block}.summary-sub{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.soc-bar{background:#30414c;border-radius:2px;width:32%;height:5px;position:absolute;top:73px;right:21px;overflow:hidden}.soc-bar span{background:var(--accent);height:100%;display:block}.location-link{color:#c3d4de;background:0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.location-link span{color:var(--accent);margin-left:7px}.summary-events{grid-template-columns:1fr 1fr;gap:18px;display:grid}.summary-events>div+div{border-left:1px solid var(--border);padding-left:23px}.workspace-section{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.workspace-section h2{align-items:center;gap:10px;font-size:17px;display:flex}.workspace-section h2>span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.section-marker{background:var(--accent);border-radius:1px;width:3px;height:16px;display:block}.legend{color:var(--muted);gap:17px;font-size:12px;display:flex}.legend>span{align-items:center;gap:6px;display:flex}.dot{background:var(--green);border-radius:50%;width:5px;height:5px;display:inline-block}.legend-square{border-radius:1px;width:6px;height:6px}.amber-bg{background:var(--amber)}.red-bg{background:var(--red)}.gray-bg{background:#94a4b0}.monitor-layout{grid-template-columns:minmax(0,1fr) 276px;align-items:start;gap:20px;display:grid}.cabinet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cabinet{position:relative;overflow:hidden}.cabinet-head{justify-content:space-between;align-items:center;padding:20px 18px 14px;display:flex}.cabinet-head .eyebrow{letter-spacing:.6px;font-size:11px}.cabinet-head h2{letter-spacing:-.5px;margin:7px 0 9px;font-size:23px}.status{align-items:center;gap:5px;font-size:12px;display:flex}.cabinet-metrics{grid-template-columns:1fr 1fr;gap:16px 8px;padding:1px 18px 18px;display:grid}.metric{flex-direction:column;gap:7px;min-width:0;display:flex}.metric>span{color:var(--muted);font-size:12px}.metric strong{letter-spacing:-.3px;font-size:20px;font-weight:500;line-height:1.1}.metric .value small{font-size:12px}.pcs{text-align:left;background:#202f3b;border:1px solid #364651;border-radius:5px;align-items:center;gap:9px;width:calc(100% - 28px);margin:0 14px 16px;padding:10px;display:flex}.pcs>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.pcs b{font-size:12px;font-weight:600}.pcs small{color:var(--muted);font-size:11px}.pcs>strong{margin-left:auto;font-size:16px;font-weight:500}.pcs>svg{color:#839aaa}.pcs-icon{color:#b5cfce;background:#263d48;border:1px solid #3d5764;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.selected{outline:1px solid var(--accent);outline-offset:-1px!important;background:#1d393e!important}.pack-heading{justify-content:space-between;margin:0 15px 10px;font-size:12px;font-weight:500;display:flex}.pack-table{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.pack-table th{text-align:right;color:#a4b5c2;border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap;background:#14202a;height:32px;padding:9px 6px;font-size:11px;font-weight:400}.pack-table th:first-child{text-align:left;width:22%;padding-left:15px}.pack-table th:last-child{text-align:center;width:22%}.pack-table td{text-align:right;border-bottom:1px solid #283643;height:34px;padding:0 6px}.pack-table td:first-child{text-align:left;padding:0}.pack-table td:last-child{text-align:center;padding-left:3px;padding-right:5px}.pack-table tr:last-child td{border-bottom:0}.pack-table td button{text-align:left;white-space:nowrap;background:0 0;align-items:center;gap:7px;width:100%;height:34px;padding:0 0 0 15px;font-size:13px;display:flex}.pack-symbol{border:1px solid #78919e;border-radius:1px;width:7px;height:10px;display:inline-block}.pack-table tbody tr{cursor:pointer}.pack-table tr.row-selected{box-shadow:inset 3px 0 var(--accent);background:#1c383d}.pack-table .has-alarm td:first-child button .pack-symbol{border-color:var(--amber)}.row-status{color:#b8c8c5;white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.cabinet-foot{color:var(--muted);border-top:1px solid var(--border);background:#17222b;justify-content:space-between;padding:11px 15px;font-size:11px;display:flex}.alarm-panel{overflow:hidden}.section-title{justify-content:space-between;align-items:center;padding:18px 16px;font-size:14px;font-weight:550;display:flex}.section-title>span:first-child{align-items:center;gap:8px;display:flex}.count{background:#2a3947;border:1px solid #41525f;border-radius:4px;justify-content:center;align-items:center;min-width:23px;height:22px;font-size:12px;display:inline-flex}.alarm-count{color:var(--amber);background:#453a28;border-color:#76603a}.tabs{border-bottom:1px solid var(--border);gap:21px;padding:0 16px;display:flex}.tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;padding:0 0 12px;font-size:13px}.tabs button span{color:var(--muted);margin-left:5px;font-size:11px}.alarm-list{min-height:230px;padding:12px}.empty-alarms{text-align:center;flex-direction:column;align-items:center;padding:28px 12px;display:flex}.empty-ring{color:#9bcab6;background:#1f3436;border:1px solid #37514d;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:18px;display:flex}.empty-alarms b{font-size:14px;font-weight:500}.empty-alarms p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.7}.alarm-item{background:#2a292c;border:1px solid #63484c;border-left:3px solid #d6868c;border-radius:5px;margin-bottom:11px;overflow:hidden}.alarm-item.warning{border-color:#67563b;border-left-color:var(--amber);background:#302d29}.alarm-link{text-align:left;background:0 0;flex-direction:column;gap:10px;width:100%;padding:12px;display:flex}.alarm-severity{color:var(--red);align-items:center;gap:5px;font-size:11px;display:flex}.alarm-severity time{color:#c2b7bd;font-variant-numeric:tabular-nums;margin-left:auto}.alarm-link strong{font-size:14px;font-weight:550;line-height:1.5}.alarm-address{color:#c5bdc5;font-size:12px;line-height:1.6}.alarm-reading{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:18px;display:flex}.alarm-reading>span{color:var(--muted);font-size:11px}.alarm-link>.muted{font-size:11px;line-height:1.6}.ack{color:#c2c5ce;background:#00000012;border-top:1px solid #ffffff0c;align-items:center;gap:5px;width:100%;padding:9px 12px;font-size:11px;display:flex}.connection-issues{border-top:1px solid var(--border)}.connection-issues .section-title{font-size:13px}.connection-issues>p{color:var(--muted);padding:0 16px 20px;font-size:12px;line-height:1.6}.connection-issues>button{text-align:left;background:#27343d;border:1px solid #455660;border-radius:4px;flex-direction:column;gap:7px;margin:0 12px 12px;padding:12px;display:flex}.connection-issues>button>span{color:var(--muted);font-size:12px}.alarm-note{border-top:1px solid var(--border);color:#b4c4c8;background:#16212a;padding:16px;font-size:11px}.alarm-note>.dot{background:var(--amber);margin-right:5px}.alarm-note p{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.8}.detail{margin-top:24px;padding:22px 24px;scroll-margin:18px}.detail-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.detail-title{align-items:center;gap:13px;display:flex}.detail-icon{color:#b0cdc9;background:#253844;border:1px solid #395561;border-radius:6px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.detail-heading .eyebrow{letter-spacing:1.1px;margin-bottom:7px;font-size:10px}.detail-heading h2{flex-wrap:wrap;align-items:center;gap:10px;font-size:17px;display:flex}.detail-heading h2>span{align-items:center;gap:10px;display:inline-flex}.detail-metrics{border-bottom:1px solid var(--border);grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;padding-bottom:22px;display:grid}.detail-metrics .metric+.metric{border-left:1px solid var(--border);padding-left:18px}.metric strong.time-value{padding-top:3px;font-size:16px}.cells-heading{align-items:center;gap:16px;margin:21px 0 15px;display:flex}.cells-heading h3 span{margin-left:7px;font-size:12px}.cells-heading>span{color:var(--muted);margin-left:auto;font-size:12px}.cells-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:8px;display:grid}.cell{background:#1d2b36;border:1px solid #354650;border-radius:5px;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:11px 10px;display:flex}.cell-top{color:#adc0cc;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;width:100%;font-size:11px;display:flex}.cell-dot{background:#8ebfac;border-radius:50%;width:4px;height:4px}.cell strong{white-space:nowrap;font-size:16px;font-weight:500}.cell-temp{color:#becbd4;font-size:12px}.cell-temp .value small,.cell strong .value small{font-size:10px}.cell>small{white-space:nowrap;color:var(--muted);font-size:9px}.cell-alarm{background:#332d31;border-color:#966568}.measurement-detail{justify-content:space-between;align-items:center;gap:15px;padding:24px 0 15px;display:flex}.measurement-detail .eyebrow{margin-bottom:7px;font-size:10px}.measurement-detail h3{color:#c3e4df;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.measurement-detail h3 span{color:var(--muted);margin-left:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:400}.source-tags{white-space:nowrap;gap:7px;display:flex}.source-tags span{color:#adc4cc;background:#233541;border:1px solid #374e5c;border-radius:4px;padding:5px 8px;font-size:11px}.detail-alarm{color:#ffc0c3;background:#342a2e;border:1px solid #67474d;border-radius:5px;flex-wrap:wrap;align-items:center;gap:15px;margin:8px 0 14px;padding:12px;font-size:13px;display:flex}.detail-alarm.warning{color:#f1c589;background:#332e26;border-color:#68573a}.detail-alarm span{font-size:12px}.measurement-facts{color:var(--muted);margin-bottom:18px;font-size:12px}.measurement-facts summary{cursor:pointer;padding:10px 0}.facts-table{overflow:auto}.facts-table table{border-collapse:collapse;width:100%;font-size:12px}.facts-table td,.facts-table th{text-align:left;border:1px solid var(--border);padding:10px;line-height:1.5}.facts-table small{display:block}.trend-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.trend-heading h3{align-items:center;gap:8px;font-size:14px;display:flex}.trend-heading h3 span{color:var(--muted);margin-left:8px;font-size:11px;font-weight:400}.range{background:#101d27;border:1px solid #354653;border-radius:5px;gap:2px;padding:3px;display:flex}.range button{color:var(--muted);background:0 0;border-radius:3px;padding:5px 11px;font-size:12px}.range button.active{color:#9ce5d8;background:#2a484a}.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.chart-panel{border:1px solid var(--border);background:#14202a;border-radius:6px;min-width:0;padding:15px 14px 8px}.chart-panel>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;display:flex}.chart-panel b{font-size:12px;font-weight:500}.chart-panel small{color:var(--muted);font-size:10px}.chart{height:175px;margin-top:12px}.chart-empty{height:187px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:1.6;display:flex}.chart-note{color:var(--muted);margin-top:12px;font-size:11px}.scenario{border:1px solid var(--border);background:#18222b;border-radius:7px;margin-top:20px}.scenario summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 18px;font-size:13px;display:flex}.scenario summary>span{align-items:center;gap:9px;display:flex}.scenario summary svg{color:var(--amber)}.scenario-current{color:var(--muted);margin-left:9px;font-size:11px;font-weight:400}.scenario-body{flex-wrap:wrap;align-items:center;gap:16px;padding:0 18px 18px;display:flex}.scenario-body>p{width:100%;color:var(--muted);font-size:12px;line-height:1.7}.scenario-body label{align-items:center;gap:12px;font-size:13px;display:flex}.scenario-body select{color:var(--text);background:#22323d;border:1px solid #445b6a;border-radius:4px;min-width:230px;padding:9px 12px}.primary-button{color:#113b36;background:#65dbc6;border-radius:4px;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.text-button{color:var(--accent);background:0 0;font-size:12px}.error-text{color:var(--red);padding:10px;font-size:13px}.offline-banner{color:#dce4eb;background:#2a353e;border:1px solid #617280;border-radius:7px;align-items:center;gap:14px;margin-bottom:20px;padding:16px;display:flex}.offline-banner>div{flex-direction:column;gap:6px;font-size:13px;line-height:1.5;display:flex}.offline-banner span{color:#c5cfd8;font-size:12px}.detail-warning{color:#c5d2dc;background:#2a3741;border:1px solid #526574;border-radius:5px;margin-bottom:18px;padding:12px;font-size:12px;line-height:1.6}.info-panel{margin-bottom:20px;padding:18px}.info-panel p{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.8}.loading{text-align:center;color:var(--muted);padding:80px 20px}.loading h2{margin:20px 0 10px}.loading svg{color:var(--accent)}footer{color:#9aadb9;justify-content:space-between;gap:16px;padding:22px 0;font-size:11px;display:flex}footer>span{align-items:center;gap:6px;display:flex}.footer-divider{color:#536a78;margin:0 9px}@media (width>=1800px){.pack-table{font-size:14px}.pack-table th,.row-status{font-size:12px}.pack-table td button{font-size:14px}.cell>small{font-size:10px}.cell strong{font-size:17px}}@media (width<=1600px){.cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-layout{grid-template-columns:minmax(0,1fr) 280px}.cells-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.pack-table{font-size:14px}.pack-table th,.row-status{font-size:12px}.pack-table td button{font-size:14px}.cabinet-head{padding:18px 22px 12px}.cabinet-metrics{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 22px 20px}.metric strong{font-size:19px}.metric>span{font-size:11px}.cabinet-metrics .metric>span{align-items:end;min-height:26px;display:flex}.summary-card{padding:18px}.summary-label{font-size:12px}.summary-sub{font-size:11px}.detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.detail-metrics .metric:nth-child(5){border-left:0;padding-left:0}.cell>small{font-size:11px}.cell strong{font-size:18px}.cell-temp{font-size:13px}}@media (width<=1300px){main{padding:24px 22px 0}.topbar{gap:18px;padding:0 22px}.topbar-right{gap:14px}.monitor-layout{grid-template-columns:minmax(0,1fr) 264px;gap:16px}.cabinet-grid{gap:14px}.cabinet-metrics{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 17px}.cabinet-metrics .metric>span{min-height:0}.summary-card>strong,.summary-events strong{font-size:29px}.summary-events{gap:10px}.summary-events>div+div{padding-left:13px}.soc-bar{width:26%;top:72px}.chart-panel>div:first-child{flex-direction:column;align-items:start}.measurement-detail h3 span{margin:6px 0 0;display:block}.workspace-right{gap:12px}}@media (width<=1050px){.monitor-layout{grid-template-columns:1fr}.alarm-panel{margin-top:4px}.alarm-list{flex-wrap:wrap;gap:12px;min-height:0;display:flex}.alarm-item{width:280px}.empty-alarms{width:100%;padding:22px}.empty-ring{display:none}.connection-issues>p{padding-bottom:14px}.alarm-note,.topbar-right .update-time,.header-divider{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.container-drawing{width:145px}.chart-grid{grid-template-columns:1fr}.chart{height:190px}.cells-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.source-tags{display:none}footer{flex-direction:column}.cell>small{font-size:12px}}@media (width<=680px){main{padding:20px 14px 0}.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:76px;padding:15px 14px}.brand{font-size:17px}.container-name{margin-left:auto;font-size:12px}.topbar-right{justify-content:space-between;gap:10px;width:100%}.workspace-right{display:none}.workspace-heading h1{font-size:24px}.workspace-heading p{font-size:11px}.workspace-heading p span{margin:0 5px}.summary-grid{gap:10px}.summary-card{min-height:132px;padding:14px 12px}.summary-label{gap:5px;font-size:11px}.summary-label svg{width:14px}.summary-sub{font-size:10px;line-height:1.5}.summary-events{gap:8px}.summary-events>div+div{padding-left:10px}.soc-bar,.summary-events .summary-label svg{display:none}.summary-card>strong,.summary-events strong{font-size:26px}.workspace-section{align-items:start;gap:10px}.legend{flex-wrap:wrap;justify-content:end;gap:8px;max-width:200px;font-size:10px}.cabinet-grid{grid-template-columns:1fr}.cabinet-head{padding:18px 20px 12px}.cabinet-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric strong{font-size:18px}.cabinet-metrics .metric>span{min-height:25px;font-size:10px}.detail{padding:18px 14px}.detail-icon{display:none}.detail-heading h2{gap:4px;font-size:14px}.detail-heading h2>span{gap:4px}.detail-heading h2 svg{width:12px}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-metrics .metric:nth-child(odd){border-left:0;padding-left:0}.cells-heading{flex-wrap:wrap}.cells-heading>span{margin:0;line-height:1.5}.cell{padding:10px 7px}.cell strong{font-size:16px}.cell>small{font-size:9px}.cell-temp{font-size:11px}.trend-heading{align-items:start;gap:10px}.trend-heading h3{flex-wrap:wrap}.trend-heading h3 span{width:100%;margin:0;font-size:10px}.range button{white-space:nowrap;padding:5px 7px}.scenario summary>span{flex-wrap:wrap}.scenario-current{width:100%;margin-left:24px}.scenario-body label{flex-direction:column;align-items:start}.scenario-body select{min-width:0;max-width:100%}.alarm-item{width:100%}footer>span{flex-wrap:wrap;line-height:1.5}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.eyebrow,.cabinet-head .eyebrow,.detail-heading .eyebrow,.measurement-detail .eyebrow{letter-spacing:.8px;font-size:12px}.pack-table th,.row-status,.cabinet-foot,.pcs b,.pcs small,.metric>span,.cabinet-metrics .metric>span,.pack-heading,.summary-label,.summary-sub,.summary-events .summary-label,.alarm-severity,.alarm-reading>span,.ack,.alarm-note,.alarm-note p,.alarm-link>.muted,.count,.source-tags span,.trend-heading h3 span,.chart-panel small,.chart-note,.scenario-current,.cell-top,.cell>small,.cell-temp .value small,.cell strong .value small,footer{font-size:12px}.cells-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.cell strong{font-size:20px}.cell{padding:13px}.cell>small{white-space:normal;min-height:18px;line-height:1.5}.cell-temp,.pack-table td,.pack-table td button{font-size:14px}.pack-table td,.pack-table td button{height:36px}@media (width<=1050px){.cells-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=680px){.cells-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cabinet-metrics{grid-template-columns:1fr 1fr}.summary-label,.summary-sub{font-size:12px}.summary-grid{grid-template-columns:1fr}.summary-card{min-height:140px}.soc-bar{display:block}.legend,.cell>small{font-size:12px}.cell strong{font-size:20px}}.topbar{z-index:50;position:sticky;top:0}.detail{scroll-margin-top:90px}:root{--bg:#101923;--panel:#1a2836;--surface:#243547;--subtle:#142231;--border:#394e62;--muted:#b9c9d8;--text:#f4f8fc;--accent:#54ebce;--accent-soft:#183e40;--accent-border:#368f82;--blue:#8bbdff;--blue-soft:#213952;--violet:#c1afff;--violet-soft:#342e4c;--amber:#ffd16c;--red:#ff999f;--green:#75e4ae;--normal-bg:#163e32;--normal-border:#2b7456;--warning-bg:#45361b;--warning-border:#aa7c25;--critical-bg:#432731;--critical-border:#bb5968;--critical-solid:#c82740;--critical-on:#fff;--warning-solid:#f6bd4f;--warning-on:#382200;--offline-bg:#334352;--offline-border:#6e8397;--chart-voltage:#54ebce;--chart-temperature:#ffd16c;--chart-current:#8bbdff;--hover:#2b4053;--shadow:0 3px 12px #00000012;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f2f5f9;--panel:#fff;--surface:#e9eff6;--subtle:#f6f8fb;--border:#cbd6e2;--muted:#52657a;--text:#182c41;--accent:#007966;--accent-soft:#def6ed;--accent-border:#75c7b6;--blue:#215cc1;--blue-soft:#e7efff;--violet:#6840b8;--violet-soft:#f0eaff;--amber:#855300;--red:#b8203a;--green:#137448;--normal-bg:#e4f6ec;--normal-border:#a5dabb;--warning-bg:#fff4d8;--warning-border:#ddb35b;--critical-bg:#fff0f2;--critical-border:#e898a5;--critical-solid:#c5233e;--critical-on:#fff;--warning-solid:#f4bd50;--warning-on:#382200;--offline-bg:#e5eaf0;--offline-border:#a3b1c1;--chart-voltage:#007966;--chart-temperature:#986000;--chart-current:#215cc1;--hover:#edf3f8;--shadow:0 3px 12px #1b344708;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--text)}.topbar{background:var(--panel);border-color:var(--border)}.brand{gap:12px;min-width:0;height:42px}.brand-logo{object-fit:contain;width:auto;height:42px;display:block}.brand-title{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.brand-title svg{color:var(--accent)}:root:not([data-theme=light]) .brand-logo{filter:invert()hue-rotate(180deg)}.header-divider{background:var(--border)}.icon-button{color:var(--muted)}.icon-button:hover{background:var(--surface);color:var(--text)}.theme-picker{background:var(--subtle);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.theme-picker button{width:31px;height:30px;color:var(--muted);background:0 0;border-radius:5px;justify-content:center;align-items:center;display:flex}.theme-picker button:hover{background:var(--hover);color:var(--text)}.theme-picker button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border)}.mode-pill{border-color:var(--border);color:var(--muted)}.mode-pill.demo{background:var(--warning-bg);color:var(--amber);border-color:var(--warning-border);font-weight:600}main{padding-top:22px}.workspace-heading{margin-bottom:22px}.workspace-heading h1{margin:0 0 8px;font-size:27px}.workspace-heading p span,.eyebrow,.readonly,.update-time{color:var(--muted)}.panel{background:var(--panel);border-color:var(--border);box-shadow:var(--shadow)}.summary-card{background:var(--panel);box-shadow:var(--shadow);border-color:var(--border);border-top:3px solid var(--blue);padding-top:16px}.summary-card:nth-child(2){border-top-color:var(--accent)}.summary-card:nth-child(3){border-top-color:var(--violet)}.summary-card:nth-child(4){border-top-color:var(--amber)}.summary-card:first-child>.summary-label svg,.summary-card:first-child>strong{color:var(--blue)}.summary-card:nth-child(2)>.summary-label svg,.summary-card:nth-child(2)>strong{color:var(--accent)}.summary-card:nth-child(3)>.summary-label svg,.summary-card:nth-child(3)>strong{color:var(--violet)}.summary-label{color:var(--muted);font-weight:500}.summary-label svg{color:inherit}.summary-sub,.value small,.metric>span{color:var(--muted)}.soc-bar{background:var(--surface)}.soc-bar span{background:var(--accent)}.location-link{color:var(--muted);font-size:13px}.location-link:hover{color:var(--accent)}.summary-events>div+div{border-color:var(--border)}.cabinet-selected{border-top-color:var(--accent)}.cabinet-head{min-height:105px;padding-top:16px;padding-bottom:12px}.cabinet-head h2{margin:0 0 12px}.cabinet-drawing{width:42px;height:70px}.cabinet-drawing>rect:first-child{fill:var(--subtle);stroke:var(--muted)}.cabinet-drawing>rect:nth-of-type(2){fill:var(--accent-soft);stroke:var(--accent-border)}.cabinet-drawing text{fill:var(--accent)}.cabinet-drawing g rect{fill:var(--surface);stroke:var(--muted)}.cabinet-drawing path{stroke:var(--muted)}.cabinet-drawing g path{stroke:var(--accent)}.cabinet-metrics{row-gap:16px}.metric strong{font-weight:550}.pcs{background:var(--blue-soft);border-color:color-mix(in srgb,var(--blue) 36%,var(--border));border-radius:7px}.pcs:hover{border-color:var(--blue)}.pcs b,.pcs strong{color:var(--text)}.pcs-icon{background:var(--panel);border-color:color-mix(in srgb,var(--blue) 45%,var(--border));color:var(--blue)}.pcs small,.pcs>svg{color:var(--muted)}.selected{outline-color:var(--accent);background:var(--accent-soft)!important}.pack-heading{color:var(--text);margin-bottom:11px}.pack-heading>span:first-child{font-size:13px;font-weight:600}.pack-table th{background:var(--subtle);border-color:var(--border);color:var(--muted);height:48px;padding:9px 5px;font-size:12px;font-weight:600}.pack-table th small{margin-top:3px;font-size:12px;font-weight:400;display:block}.pack-table th:first-child{width:21%;padding-left:12px}.pack-table th:nth-child(3){width:16%}.pack-table td{border-color:color-mix(in srgb,var(--border) 65%,var(--panel));height:38px;padding:4px 5px}.pack-table td button{gap:3px;height:30px;padding-left:10px;font-weight:550}.pack-table tbody tr:hover{background:var(--hover)}.pack-table tr.row-critical{background:var(--critical-bg)}.pack-table tr.row-warning{background:var(--warning-bg)}.pack-table tr.row-selected{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.pack-table tr.row-selected td button{color:var(--accent)}.pack-chevron{color:var(--muted)}.row-selected .pack-chevron{color:var(--accent);transform:rotate(90deg)}.status-stack{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.pack-table .status-stack{flex-direction:column;justify-content:center;gap:4px;display:flex}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:4px 6px;font-size:12px;font-weight:650;line-height:16px;display:inline-flex}.status-badge.normal{background:var(--normal-bg);color:var(--green);border-color:var(--normal-border);font-weight:500}.status-badge.critical{background:var(--critical-solid);color:var(--critical-on)}.status-badge.warning{background:var(--warning-solid);color:var(--warning-on)}.status-badge.unavailable{background:var(--offline-bg);color:var(--text);border-color:var(--offline-border)}.section-title svg{color:var(--muted)}.count{background:var(--surface);color:var(--text);border-color:var(--border)}.count.alarm-count{background:var(--critical-solid);border-color:var(--critical-solid);color:var(--critical-on)}.count.alarm-count.warning{background:var(--warning-solid);border-color:var(--warning-solid);color:var(--warning-on)}.tabs{border-color:var(--border)}.tabs button{color:var(--muted)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tabs button span{color:inherit}.empty-ring{background:var(--normal-bg);border-color:var(--normal-border);color:var(--green)}.alarm-item{background:var(--critical-bg);border-color:var(--critical-border);border-left:4px solid var(--critical-solid)}.alarm-item.warning{background:var(--warning-bg);border-color:var(--warning-border);border-left:4px solid var(--warning-solid)}.alarm-item.ended{background:var(--subtle);border-color:var(--border)}.alarm-severity{color:var(--red);font-size:13px;font-weight:700}.warning .alarm-severity{color:var(--amber)}.ended .alarm-severity,.alarm-severity time,.alarm-address,.alarm-reading>span{color:var(--muted)}.alarm-link strong{font-size:15px}.alarm-link:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.ack{border-color:var(--border);color:var(--muted);background:0 0;font-size:12px}.ack:hover:not(:disabled){color:var(--text);background:var(--surface)}.connection-issues{border-color:var(--border)}.connection-issues>button{background:var(--offline-bg);border-color:var(--offline-border);color:var(--text)}.alarm-note{background:var(--subtle);border-color:var(--border);color:var(--muted)}.detail-icon{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.detail-heading h2 svg{color:var(--muted)}.detail-metrics,.detail-metrics .metric+.metric{border-color:var(--border)}.cell{background:var(--subtle);border-color:var(--border);color:var(--text)}.cell:hover{border-color:var(--accent)}.cell-top,.cell-temp{color:var(--muted)}.cell-dot{background:var(--green)}.cell-dot.offline{background:var(--muted)}.cell-alarm{background:var(--critical-bg);border:2px solid var(--critical-border)}.cell-alarm.selected{box-shadow:inset 0 -4px var(--critical-solid)}.cell-warning{background:var(--warning-bg);border-color:var(--warning-border)}.cell-warning.selected{box-shadow:inset 0 -4px var(--warning-solid)}.measurement-detail h3{color:var(--accent)}.source-tags span{background:var(--subtle);border-color:var(--border);color:var(--muted)}.detail-alarm{background:var(--critical-bg);border-color:var(--critical-border);border-left:4px solid var(--critical-solid);color:var(--red)}.detail-alarm.warning{background:var(--warning-bg);border-color:var(--warning-border);border-left-color:var(--warning-solid);color:var(--amber)}.facts-table td,.facts-table th{border-color:var(--border)}.range{background:var(--subtle);border-color:var(--border)}.range button.active{background:var(--accent-soft);color:var(--accent)}.chart-panel{background:var(--subtle);border-color:var(--border)}.scenario{background:var(--panel);border-color:var(--border)}.scenario-body select{background:var(--subtle);border-color:var(--border);color:var(--text)}.primary-button{background:var(--accent);color:var(--bg)}.offline-banner,.detail-warning{background:var(--offline-bg);border-color:var(--offline-border);color:var(--text)}.offline-banner span,footer{color:var(--muted)}@media (width<=1300px){.topbar{gap:13px}.topbar-right{gap:12px}.brand{gap:10px}.brand-logo{width:auto;height:38px}.brand-title{font-size:13px}.summary-sub{line-height:1.5}}@media (width<=680px){.topbar-right{flex-wrap:wrap}.live-status{font-size:12px}.theme-picker{margin-left:auto}.topbar-right>.icon-button{display:none}.workspace-heading h1{font-size:24px}}:root{--ov-bg:#111a23;--ov-panel:#16212c;--ov-subtle:#111c26;--ov-border:#2b3a48;--ov-muted:#a3b3c2;--ov-art-front:#667e91;--ov-art-top:#90a4b3;--ov-art-side:#354c60;--ov-art-door:#263e51;--ov-art-module:#688398;--ov-art-edge:#a7bac7}:root[data-theme=light]{--ov-bg:#f2f5f8;--ov-panel:#fff;--ov-subtle:#f5f8fb;--ov-border:#d9e2e9;--ov-muted:#586b7b;--ov-art-front:#a8bcc9;--ov-art-top:#d4e0e8;--ov-art-side:#738fa4;--ov-art-door:#466174;--ov-art-module:#b0c9d9;--ov-art-edge:#cddde7}body{min-width:320px}.workspace-nav{border-bottom:1px solid var(--ov-border);gap:28px;margin:-4px 0 28px;display:flex}.workspace-nav button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:13px 2px 16px;font-size:13px;display:flex}.workspace-nav button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.workspace-nav button:hover{color:var(--text)}.overview{color:var(--text);--flow-duration:2.8s}.ov-title-row{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.ov-eyebrow{letter-spacing:1.65px;color:var(--ov-muted);font-size:10px;font-weight:600;display:block}.ov-eyebrow>span{opacity:.6;padding:0 9px}.ov-title-row h1{letter-spacing:-1.3px;margin:7px 0 6px;font-size:34px;font-weight:560}.ov-title-period{color:var(--accent)}.ov-title-row p{color:var(--ov-muted);font-size:13px}.ov-system-state{color:var(--accent);align-items:center;gap:12px;padding:12px 0;display:flex}.ov-system-state strong{color:var(--text);font-size:13px;font-weight:550;display:block}.ov-system-state span{color:var(--ov-muted);margin-top:5px;font-size:11px;display:block}.ov-system-state.critical{color:var(--red)}.ov-system-state.warning{color:var(--amber)}.ov-system-state.unavailable{color:var(--ov-muted)}.ov-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.ov-kpi{background:var(--ov-panel);border:1px solid var(--ov-border);border-radius:10px;min-width:0;padding:18px 22px 16px;position:relative}.ov-kpi-title{color:var(--ov-muted);align-items:center;gap:9px;font-size:12px;display:flex}.ov-kpi-title svg{color:var(--accent);stroke-width:1.5px}.ov-kpi strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:11px 0 12px;font-size:33px;font-weight:530;line-height:1.2;display:block}.ov-kpi strong small{color:var(--ov-muted);letter-spacing:0;margin-left:7px;font-size:15px;font-weight:400}.ov-kpi .value small{margin-left:6px;font-size:16px}.ov-kpi-note{color:var(--ov-muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;line-height:1.5;display:flex}.ov-kpi-note.accent{color:var(--accent)}.ov-note-divider{color:var(--ov-muted);padding:0 2px}.ov-kpi-critical{border-color:var(--critical-border)}.ov-kpi-critical>strong{color:var(--red)}.ov-soc-line{justify-content:space-between;align-items:center;gap:14px;display:flex}.ov-battery-gauge{gap:3px;width:36%;max-width:90px;height:23px;display:flex}.ov-battery-gauge i{background:var(--surface);border-radius:1px;flex:1}.ov-battery-gauge i.filled{background:var(--accent);opacity:.85}.ov-workspace{grid-template-columns:minmax(0,1fr) 306px;align-items:stretch;gap:20px;display:grid}.ov-panel{background:var(--ov-panel);border:1px solid var(--ov-border);border-radius:12px;min-width:0;overflow:hidden}.ov-section-head{justify-content:space-between;align-items:center;gap:16px;padding:21px 24px 17px;display:flex}.ov-section-head h2{letter-spacing:-.4px;margin-top:6px;font-size:18px;font-weight:550}.ov-small-status{color:var(--ov-muted);align-items:center;gap:7px;font-size:11px;display:flex}.ov-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.ov-dot.offline{background:var(--ov-muted)}.ov-flow-stage{background-image:radial-gradient(circle, color-mix(in srgb,var(--ov-muted) 13%,transparent) .65px, transparent .8px);background-size:20px 20px;padding:8px 23px 16px}.ov-layer-name{letter-spacing:1.8px;color:var(--ov-muted);align-items:center;gap:8px;margin:2px 0 12px;font-size:9px;display:flex}.ov-lanes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ov-lane{min-width:0}.ov-equipment-button{background:color-mix(in srgb,var(--ov-panel) 78%,transparent);border:1px solid var(--ov-border);text-align:left;border-radius:8px;width:100%;padding:12px 10px 10px;transition:border-color .18s;position:relative}.ov-equipment-button:hover{border-color:var(--ov-muted);background:var(--ov-subtle)}.ov-equipment-button.is-active{border-color:var(--accent-border);background:color-mix(in srgb,var(--accent) 4%,var(--ov-panel));box-shadow:inset 0 2px var(--accent)}.ov-equipment-heading{justify-content:space-between;align-items:center;gap:5px;padding:0 3px;display:flex}.ov-equipment-heading b{font-size:12px;font-weight:550}.ov-equipment-heading>span{color:var(--ov-muted);border:1px solid var(--ov-border);border-radius:3px;padding:3px 5px;font:10px ui-monospace,SFMono-Regular,monospace}.equipment-art{width:100%;height:153px;margin:3px auto -1px;display:block;overflow:visible}.equipment-art path{vector-effect:non-scaling-stroke}.eq-shadow{fill:color-mix(in srgb,var(--bg) 72%,transparent)}.eq-base,.eq-foot{fill:var(--ov-art-side)}.eq-front{fill:var(--ov-art-front)}.eq-side{fill:var(--ov-art-side)}.eq-top{fill:var(--ov-art-top)}.eq-edge{fill:none;stroke:var(--ov-art-edge);stroke-width:.65px;opacity:.6}.eq-inset{fill:var(--ov-art-side)}.eq-door{fill:var(--ov-art-door);stroke:var(--ov-art-edge);stroke-width:.5px}.eq-module{fill:var(--ov-art-module)}.eq-led{fill:none;stroke:var(--accent);stroke-width:1.4px}.eq-label{fill:none;stroke:var(--ov-art-edge);stroke-width:1px}.eq-vent{fill:none;stroke:var(--ov-art-door);stroke-width:2px}.eq-accent{fill:none;stroke:var(--ov-art-edge);stroke-width:2px}.equipment-active .eq-accent{stroke:var(--accent)}.eq-screen{fill:#122d31}.eq-screen-line{stroke:#66e1c6;stroke-width:1px;fill:none}.ov-equipment-reading{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:8px;display:flex}.ov-equipment-reading>.value{letter-spacing:-.6px;font-size:22px;font-weight:500}.ov-equipment-reading>.value small{font-size:12px}.ov-equipment-reading>small{color:var(--ov-muted);font-size:10px}.ov-health-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-height:24px;margin-top:6px;display:flex}.ov-health{color:var(--ov-muted);align-items:center;gap:4px;font-size:10px;line-height:17px;display:inline-flex}.ov-health.critical{color:var(--red)}.ov-health.warning{color:var(--amber)}.ov-flow-link{height:68px;color:var(--ov-muted);justify-content:center;align-items:center;display:flex;position:relative}.ov-flow-link>svg{width:40px;height:68px;position:absolute;left:calc(50% - 20px)}.ov-wire{fill:none;stroke:var(--ov-border);stroke-width:2px}.ov-flow-beads{fill:none;stroke:#0000;stroke-width:3px;stroke-dasharray:2 22;stroke-linecap:round}.ov-flow-link.discharging,.ov-flow-link.charging{color:var(--accent)}.ov-flow-link.discharging .ov-wire,.ov-flow-link.charging .ov-wire{stroke:color-mix(in srgb,var(--accent) 24%,var(--ov-panel))}.ov-flow-link.discharging .ov-flow-beads,.ov-flow-link.charging .ov-flow-beads{stroke:var(--accent);animation:energy-flow var(--flow-duration) linear infinite}.ov-flow-link.charging .ov-flow-beads{animation-direction:reverse}.ov-flow-link.stale .ov-wire,.ov-flow-link.unavailable .ov-wire,.ov-flow-link.unknown .ov-wire{stroke:var(--ov-muted);stroke-dasharray:3 5;opacity:.45}.ov-flow-link>span{background:var(--ov-panel);border:1px solid var(--ov-border);border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 7px;font-size:10px;display:flex;position:relative}@keyframes energy-flow{to{stroke-dashoffset:-48px}}.ov-pcs-button{padding:4px 10px 10px}.ov-pcs-button .equipment-art{height:94px;margin:-7px auto 0}.ov-pcs-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.ov-pcs-meta b{font-size:10px;font-weight:550;display:block}.ov-pcs-meta small{color:var(--ov-muted);margin-top:4px;font-size:9px;display:block}.ov-pcs-meta strong{white-space:nowrap;letter-spacing:-.5px;font-size:16px;font-weight:550}.ov-pcs-meta .value small{margin-left:3px;font-size:10px;display:inline}.ov-flow-legend{border-top:1px solid var(--ov-border);flex-wrap:wrap;align-items:center;gap:10px 18px;padding:13px 24px;display:flex}.ov-flow-legend>span{color:var(--ov-muted);align-items:center;gap:7px;font-size:10px;display:flex}.ov-flow-legend i{width:16px;height:2px;display:inline-block}.ov-legend-flow{background:var(--accent)}.ov-legend-idle{background:var(--ov-muted)}.ov-legend-missing{border-top:2px dashed var(--ov-muted)}.ov-flow-legend .ov-deadband{margin-left:auto}.ov-scope-note{background:var(--ov-subtle);color:var(--ov-muted);border-top:1px solid var(--ov-border);align-items:flex-start;gap:9px;padding:12px 24px;font-size:10px;line-height:1.7;display:flex}.ov-scope-note svg{margin-top:2px}.ov-inspector{flex-direction:column;display:flex}.ov-inspector .ov-section-head{padding-bottom:10px}.ov-inspector .ov-section-head h2{font-size:20px}.ov-device-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border:1px solid var(--accent-border);border-radius:8px;justify-content:center;align-items:center;display:flex}.ov-inspector-id{align-items:center;gap:10px;padding:0 24px 17px;display:flex}.ov-inspector-id code{color:var(--ov-muted);font-size:11px}.ov-inspector-id .ov-health-group{margin:0}.ov-operating-state{border:1px solid var(--ov-border);background:var(--ov-subtle);color:var(--ov-muted);border-radius:6px;align-items:center;gap:7px;margin:0 20px;padding:11px 13px;display:flex}.ov-operating-state.discharging,.ov-operating-state.charging{color:var(--accent)}.ov-operating-state strong{font-size:12px;font-weight:550}.ov-operating-state>span{color:var(--ov-muted);margin-left:auto;font-size:10px}.ov-detail-measurements{margin:8px 24px 0}.ov-detail-measurements>div{border-bottom:1px solid var(--ov-border);justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.ov-detail-measurements dt{color:var(--ov-muted);font-size:11px}.ov-detail-measurements dd{letter-spacing:-.3px;margin:0;font-size:17px;font-weight:500}.ov-detail-measurements .value small{margin-left:4px;font-size:11px}.ov-freshness{color:var(--ov-muted);padding:16px 24px 5px}.ov-freshness>span{align-items:center;gap:6px;font-size:10px;display:flex}.ov-freshness b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px;font-weight:500}.ov-freshness>small{margin-top:7px;font-size:10px;line-height:1.5;display:block}.ov-inspector-events{margin:12px 24px 20px}.ov-no-alarm{color:var(--ov-muted);align-items:center;gap:6px;font-size:10px;display:flex}.ov-mini-alert{background:var(--critical-bg);color:var(--red);border:1px solid var(--critical-border);text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;margin-bottom:7px;padding:10px;display:flex}.ov-mini-alert.warning{background:var(--warning-bg);color:var(--amber);border-color:var(--warning-border)}.ov-mini-alert b{font-size:11px;font-weight:550;display:block}.ov-mini-alert small{margin-top:5px;font-size:10px;display:block}.ov-mini-alert>svg:last-child{margin-left:auto}.ov-issue-note{color:var(--ov-muted);align-items:center;gap:7px;margin-top:10px;font-size:10px;display:flex}.ov-inspect-button{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:auto 20px 0;padding:13px 12px;font-size:12px;display:flex}.ov-inspect-button:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel))}.ov-inspector-note{color:var(--ov-muted);padding:11px 24px 16px;font-size:10px;line-height:1.6}.ov-bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;margin-top:20px;display:grid}.ov-section-head h2>span{color:var(--ov-muted);letter-spacing:0;margin-left:8px;font-size:12px;font-weight:400}.ov-ranges{background:var(--ov-subtle);border:1px solid var(--ov-border);border-radius:6px;gap:3px;padding:3px;display:flex}.ov-ranges button{color:var(--ov-muted);white-space:nowrap;background:0 0;border-radius:3px;padding:6px 9px;font-size:11px}.ov-ranges button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.ov-chart-caption{color:var(--ov-muted);justify-content:space-between;align-items:center;gap:10px;margin:0 24px 8px;font-size:10px;display:flex}.ov-chart-caption>span:first-child{align-items:center;gap:6px;display:flex}.ov-chart-caption i{background:var(--accent);width:12px;height:2px}.ov-chart-caption b{margin-left:3px;font-weight:400}.ov-power-chart{min-width:0;height:174px;margin:0 13px 0 7px}.ov-chart-empty{height:100%;color:var(--ov-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.ov-chart-empty svg{color:var(--accent);opacity:.65}.ov-chart-empty b{font-size:12px;font-weight:500}.ov-chart-empty span{text-align:center;font-size:11px}.ov-chart-note{color:var(--ov-muted);padding:10px 24px 16px;font-size:10px}.ov-inline-error{color:var(--red);padding:0 24px;font-size:11px}.ov-events{flex-direction:column;display:flex}.ov-event-count{border:1px solid var(--ov-border);color:var(--ov-muted);border-radius:4px;padding:5px 8px;font-size:11px}.ov-event-list{padding:0 20px}.ov-event{text-align:left;border-bottom:1px solid var(--ov-border);background:0 0;align-items:center;gap:11px;width:100%;padding:12px 0;display:flex}.ov-event:hover{background:var(--ov-subtle)}.ov-event-icon{background:var(--critical-bg);width:29px;height:29px;color:var(--red);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ov-event.warning .ov-event-icon{color:var(--amber);background:var(--warning-bg)}.ov-event.ended .ov-event-icon{color:var(--ov-muted);background:var(--surface)}.ov-event-copy{flex:1;min-width:0}.ov-event-copy b{font-size:11px;font-weight:550;display:block}.ov-event-copy small{color:var(--ov-muted);margin-top:4px;font-size:10px;display:block}.ov-event time{color:var(--ov-muted);font-variant-numeric:tabular-nums;font-size:10px}.ov-events-empty{color:var(--ov-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:11px;min-height:160px;padding:20px;display:flex}.ov-events-empty svg{color:var(--accent);opacity:.6}.ov-events-empty b{color:var(--text);font-size:12px;font-weight:500}.ov-events-empty p{text-align:center;max-width:290px;font-size:11px;line-height:1.7}.ov-events-foot{color:var(--ov-muted);border-top:1px solid var(--ov-border);align-items:center;gap:6px;margin-top:auto;padding:12px 24px;font-size:10px;display:flex}.ov-source-footer{color:var(--ov-muted);justify-content:space-between;gap:12px;padding:18px 2px 4px;font-size:10px;display:flex}.ov-source-footer>span{align-items:center;gap:7px;display:flex}.overview .value.old,.overview .value small{color:var(--ov-muted)}@media (width>=1700px){.ov-workspace{grid-template-columns:minmax(0,1fr) 340px}.equipment-art{height:173px}.ov-flow-stage{padding-inline:30px}.ov-lanes{gap:22px}.ov-pcs-button .equipment-art{height:108px}.ov-equipment-button{padding-inline:15px}.ov-detail-measurements>div{padding-block:16px}}@media (width<=1150px){.ov-workspace{grid-template-columns:minmax(0,1fr) 265px;gap:14px}.ov-section-head{padding-inline:18px}.ov-flow-stage{padding-inline:14px}.ov-lanes{gap:7px}.ov-pcs-meta{flex-direction:column;align-items:flex-start}.ov-pcs-meta small{display:none}.equipment-art{height:135px}.ov-kpi{padding-inline:16px}.ov-kpi-note{font-size:10px}.ov-detail-measurements{margin-inline:18px}.ov-freshness,.ov-inspector-id{padding-inline:18px}.ov-bottom-grid{grid-template-columns:1.2fr 1fr;gap:14px}.ov-small-status{font-size:10px}.ov-flow-legend .ov-deadband{margin-left:0}.ov-system-state span{max-width:230px;line-height:1.6}}@media (width<=950px){.ov-workspace{grid-template-columns:1fr}.ov-inspector{grid-template-columns:1fr 1fr;padding-bottom:12px;display:grid}.ov-inspector .ov-section-head,.ov-inspector-id,.ov-operating-state{grid-column:1}.ov-detail-measurements{grid-area:1/2/span 4}.ov-inspect-button{grid-column:1}.ov-freshness{grid-column:2}.ov-inspector-events{grid-column:1}.ov-inspector-note{grid-column:1/-1;padding-bottom:0}.ov-kpis{gap:10px}.ov-kpi strong{font-size:28px}.ov-soc-line{gap:6px}.ov-battery-gauge{display:none}.ov-bottom-grid{grid-template-columns:1fr}.equipment-art{height:155px}.ov-pcs-meta{flex-direction:row;align-items:center}.ov-title-row{align-items:flex-start}.ov-system-state{max-width:250px}.ov-title-row h1{font-size:30px}}@media (width<=680px){.workspace-nav{gap:22px;margin-bottom:21px}.workspace-nav button{font-size:12px}.ov-title-row{display:block}.ov-system-state{max-width:none;padding:13px 0 0}.ov-system-state span{max-width:none}.ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-kpi{padding:14px}.ov-kpi-title{gap:6px;font-size:11px}.ov-kpi strong{font-size:27px}.ov-kpi .value small{font-size:12px}.ov-kpi-note{font-size:10px}.ov-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.ov-flow-panel .ov-section-head{flex-wrap:wrap;gap:10px}.ov-section-head h2{font-size:17px}.ov-flow-stage{padding:12px}.ov-lane:nth-child(n+3){border-top:1px solid var(--ov-border);padding-top:16px}.equipment-art{height:146px}.ov-flow-legend{gap:9px 12px;padding-inline:16px}.ov-scope-note{padding-inline:16px;font-size:11px}.ov-inspector{padding:0;display:flex}.ov-inspector .ov-section-head,.ov-inspector-id,.ov-freshness{padding-inline:20px}.ov-detail-measurements,.ov-inspector-events{margin-inline:20px}.ov-inspector-note{padding:12px 20px 16px}.ov-inspect-button{margin-top:5px}.ov-history .ov-section-head{flex-wrap:wrap;gap:12px}.ov-section-head h2>span{font-size:11px}.ov-chart-caption{flex-wrap:wrap;margin-inline:18px}.ov-chart-note{padding-inline:18px;line-height:1.6}.ov-source-footer{flex-direction:column;line-height:1.6}.ov-events-foot{font-size:10px}.ov-event-list{padding-inline:16px}.ov-event{gap:8px}.ov-event time{font-size:10px}}@media (prefers-reduced-motion:reduce){.ov-flow-beads{stroke:#0000!important;animation:none!important}.ov-equipment-button{transition:none}}@media (width>=1100px){.workspace-nav{margin-bottom:18px}.workspace-nav button{padding-top:10px;padding-bottom:12px}.ov-title-row,.ov-kpis{margin-bottom:18px}.ov-kpi{padding-block:14px}.ov-kpi strong{margin-block:9px}.equipment-art{height:133px}.ov-pcs-button .equipment-art{height:78px}.ov-flow-link,.ov-flow-link>svg{height:54px}.ov-detail-measurements>div{padding-block:12px}}@media (width>=1100px) and (height<=850px){.topbar{height:60px}.brand-logo{height:35px}.workspace-nav{margin-bottom:13px}.workspace-nav button{padding-top:7px;padding-bottom:10px}.ov-title-row{margin-bottom:14px}.ov-title-row h1{margin-top:5px;margin-bottom:4px;font-size:28px}.ov-title-row p{font-size:12px}.ov-kpis{margin-bottom:15px}.ov-kpi{padding:11px 18px}.ov-kpi strong{margin-block:7px;font-size:28px}.ov-section-head{padding:15px 20px 12px}.ov-flow-stage{padding-top:3px;padding-bottom:10px}.ov-layer-name{margin-bottom:8px}.ov-equipment-button{padding-top:9px;padding-bottom:7px}.equipment-art{height:95px}.ov-equipment-reading>.value{font-size:20px}.ov-health-group{min-height:21px;margin-top:3px}.ov-flow-link,.ov-flow-link>svg{height:43px}.ov-pcs-button .equipment-art{height:54px}.ov-flow-legend{padding-block:10px}.ov-scope-note{padding-block:9px}.ov-inspector-id{padding-bottom:10px}.ov-detail-measurements>div{padding-block:9px}.ov-freshness{padding-top:11px}.ov-inspector-events{margin-top:10px;margin-bottom:12px}.ov-inspect-button{padding-block:10px}.ov-inspector-note{padding-block:8px 12px}}@media (width<=680px){.brand{max-width:100%}.brand-title{white-space:normal;min-width:0;line-height:1.4}.brand-logo{height:33px}.ov-kpi-note{overflow-wrap:anywhere}}.site-workspace{grid-template-columns:minmax(0,1fr)}.site-flow-stage{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 24%), radial-gradient(circle,color-mix(in srgb,var(--ov-muted) 15%,transparent) .7px,transparent .85px);border-top:1px solid color-mix(in srgb,var(--ov-border) 55%,transparent);background-size:auto,22px 22px;height:clamp(500px,100svh - 260px,640px);min-height:500px;position:relative;overflow:hidden}.site-flow-stage:before{content:"";pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--ov-panel) 8%,transparent),transparent 30%,transparent 72%,color-mix(in srgb,var(--bg) 12%,transparent));position:absolute;inset:0}.site-wiring{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.site-wire-halo{fill:none;stroke:var(--ov-panel);stroke-width:9px;vector-effect:non-scaling-stroke}.site-wire{fill:none;vector-effect:non-scaling-stroke;stroke:color-mix(in srgb,var(--ov-muted) 35%,var(--ov-border));stroke-width:1.5px}.site-arrow-particle{fill:var(--accent);stroke:color-mix(in srgb,var(--accent) 35%,#fff);stroke-width:.7px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 72%,transparent))}.site-connector.forward .site-wire,.site-connector.reverse .site-wire{stroke:color-mix(in srgb,var(--accent) 70%,var(--ov-border));stroke-width:2.4px}.site-connector.idle .site-wire,.site-connector.unknown .site-wire{stroke-dasharray:4 7;opacity:.72}.site-connector.stale .site-wire,.site-connector.unavailable .site-wire{stroke-dasharray:3 8;opacity:.42}.site-flow-badge{z-index:3;border:1px solid var(--ov-border);background:var(--ov-panel);pointer-events:none;border-radius:7px;justify-content:center;align-items:center;min-width:80px;padding:7px 9px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000014}.site-flow-badge strong{color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:1.2}.site-flow-badge.forward,.site-flow-badge.reverse{border-color:color-mix(in srgb,var(--accent) 55%,var(--ov-border))}.site-flow-badge.stale,.site-flow-badge.unavailable{border-style:dashed}.site-flow-badge.stale strong,.site-flow-badge.unavailable strong{color:var(--ov-muted)}.site-node{z-index:2;text-align:left;width:23%;min-width:170px;max-width:238px;color:var(--text);background-color:var(--ov-panel);background-image:linear-gradient(145deg,color-mix(in srgb,var(--ov-panel) 95%,var(--accent) 5%),var(--ov-panel));border:1px solid var(--ov-border);border-radius:11px;padding:11px 12px 10px;transition:border-color .18s,box-shadow .18s;position:absolute;box-shadow:0 14px 30px #0003,inset 0 1px #ffffff0a}.site-node:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--ov-border));box-shadow:0 17px 35px #00000042,0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}.site-node-action{cursor:pointer}.site-node.is-selected{border-color:var(--accent-border);box-shadow:0 18px 40px #00000047,0 0 24px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 2px var(--accent)}.site-node.has-data-issue{filter:saturate(.55)}.site-node-pv{width:21%;top:30%;left:3%;transform:translateY(-50%)}.site-node-grid{width:21%;top:30%;left:auto;right:3%;transform:translateY(-50%)}.site-node-load{width:21%;bottom:18px;left:3%}.site-node-generator{width:21%;bottom:18px;left:auto;right:3%}.site-node-pcs{border-color:color-mix(in srgb,var(--accent) 40%,var(--ov-border));width:21%;top:30%;left:50%;transform:translate(-50%,-50%)}.site-pcs-content{text-align:center;padding-top:6px;display:block}.site-pcs-state{color:var(--accent);font-size:12px;font-weight:600;line-height:1.4}.site-node-bess{width:22%;max-width:255px;bottom:18px;left:50%;transform:translate(-50%)}.site-node-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.site-node-head>span{min-width:0}.site-node-head small{color:var(--ov-muted);letter-spacing:1.15px;white-space:nowrap;margin-bottom:4px;font-size:7px;display:block}.site-node-head b{letter-spacing:-.15px;font-size:14px;font-weight:620;display:block}.site-alarm-count{white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.site-alarm-count.critical{background:var(--critical-solid);color:var(--critical-on)}.site-alarm-count.warning{background:var(--warning-solid);color:var(--warning-on)}.site-overview-alarm-status.critical{color:var(--red)}.site-overview-alarm-status.warning{color:var(--amber)}.site-overview-alarm-status.critical .ov-dot{background:var(--red)}.site-overview-alarm-status.warning .ov-dot{background:var(--amber)}.site-alarm-strip{border-top:1px solid var(--critical-border);border-bottom:1px solid var(--critical-border);background:var(--critical-bg);color:var(--red);align-items:center;gap:11px;padding:11px 24px;display:flex}.site-alarm-strip.warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--amber)}.site-alarm-strip>svg{flex-shrink:0}.site-alarm-strip>div{flex:1;min-width:0}.site-alarm-strip strong{font-size:12px;display:block}.site-alarm-strip span{color:var(--text);margin-top:3px;font-size:11px;line-height:1.4;display:block}.site-alarm-strip button{color:inherit;background:0 0;border:1px solid;border-radius:5px;flex-shrink:0;padding:7px 9px;font-size:11px;font-weight:600}.site-alarm-strip button:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.site-status-light{background:var(--ov-muted);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--ov-muted) 12%,transparent);border-radius:50%;margin-top:4px}.site-status-light.forward,.site-status-light.reverse{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent),0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}.site-status-light.idle{background:var(--amber);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 12%,transparent)}.site-art{width:100%;height:78px;margin:-1px auto -5px;display:block;overflow:visible}.site-art *{vector-effect:non-scaling-stroke}.sa-shadow{fill:#0000003d}.sa-ground{fill:color-mix(in srgb,var(--ov-art-side) 75%,#315d4e)}.sa-ground-side,.sa-base{fill:var(--ov-art-side)}.sa-panel{fill:#326c99;stroke:#8fc4e8;stroke-width:.7px}.sa-panel-grid{fill:none;stroke:#a9d8f2;stroke-width:.45px;opacity:.8}.sa-stand,.sa-cable{fill:none;stroke:var(--ov-art-edge);stroke-width:1px}.sa-sun circle{fill:#f6bf48;stroke:#ffe29a}.sa-sun path{fill:none;stroke:#f6bf48;stroke-width:1.2px;stroke-linecap:round}.sa-metal-fill{fill:color-mix(in srgb,var(--ov-art-side) 28%,transparent)}.sa-metal,.sa-grid-lines,.sa-ground-line{fill:none;stroke:var(--ov-art-edge);stroke-width:1.5px}.sa-grid-lines{stroke:#66869d;stroke-width:1px}.sa-building-side{fill:var(--ov-art-side)}.sa-building-front{fill:var(--ov-art-front)}.sa-roof{fill:var(--ov-art-top)}.sa-door{fill:var(--ov-art-door)}.sa-window{fill:#72dbc5;opacity:.72}.sa-steam{fill:none;stroke:var(--ov-muted);stroke-width:2px;stroke-linecap:round;opacity:.45}.sa-generator-front{fill:#d59522}.sa-generator-side{fill:#9f6818}.sa-generator-top{fill:#f0b63f}.sa-dark-panel{fill:#293946}.sa-fan{fill:#182733;stroke:#a8bbc8}.sa-fan-blades{fill:#708797;transform-origin:90px 77px}.sa-vent,.sa-exhaust{fill:none;stroke:#54451f;stroke-width:1.4px}.sa-led{stroke:#6be4c7;stroke-width:2.4px}.sa-bess-front{fill:var(--ov-art-front)}.sa-bess-side{fill:var(--ov-art-side)}.sa-bess-top{fill:var(--ov-art-top)}.sa-bess-door{fill:var(--ov-art-door);stroke:var(--ov-art-edge);stroke-width:.45px}.sa-bess-modules{fill:none;stroke:var(--ov-art-module);stroke-width:2.2px}.sa-accent{fill:none;stroke:var(--accent);stroke-width:1.8px;opacity:.8}.sa-pcs-seam{fill:none;stroke:var(--ov-art-edge);stroke-width:.65px}.sa-pcs-screen{fill:#172b37;stroke:var(--ov-art-edge);stroke-width:.6px}.sa-pcs-wave{fill:none;stroke:var(--accent);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.sa-pcs-vents{fill:none;stroke:var(--ov-art-edge);stroke-width:1.2px;opacity:.75}.sa-pcs-handle{fill:none;stroke:var(--ov-art-edge);stroke-width:1.7px}.sa-pcs-led{stroke:var(--accent);stroke-width:2.3px;stroke-linecap:round}.sa-pcs-feet{fill:var(--ov-art-side)}.site-art.is-active .sa-panel,.site-art.is-active .sa-accent{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 60%,transparent))}.site-node-power{justify-content:space-between;align-items:baseline;gap:8px;padding:0 2px 8px;display:flex}.site-node-power strong{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.site-node-power strong small{color:var(--ov-muted);letter-spacing:0;font-size:9px}.site-node-power>span{color:var(--accent);font-size:8px}.site-battery-level{border-top:1px solid var(--ov-border);color:var(--ov-muted);justify-content:space-between;align-items:center;padding-top:8px;font-size:11px;display:flex}.site-battery-level small{font-size:10px}.site-battery-level b{color:var(--text);font-weight:600}.simulation-control{border:1px solid var(--ov-border);background:var(--ov-panel);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:13px 18px;display:flex}.simulation-control>span{color:var(--ov-muted);font-size:12px}.simulation-choices{background:var(--ov-subtle);border-radius:7px;gap:5px;padding:3px;display:flex}.simulation-choices button{color:var(--ov-muted);background:0 0;border-radius:5px;padding:7px 16px;font-size:12px}.simulation-choices button[aria-pressed=true]{background:var(--accent);color:var(--accent-on,#123c36);font-weight:600}:root[data-theme=light] .simulation-choices button[aria-pressed=true]{color:#fff}.simulation-control .error-text{width:100%;padding:0}.site-inspector .ov-operating-state.forward,.site-inspector .ov-operating-state.reverse{color:var(--accent)}.site-inspector .ov-health{white-space:nowrap}.site-kpi-solar:after{content:"";pointer-events:none;background:radial-gradient(circle,#f6bf482b,#0000 68%);border-radius:50%;width:75px;height:75px;position:absolute;top:-28px;right:-18px}@media (width>=1700px){.site-workspace{grid-template-columns:minmax(0,1fr)}.site-node{max-width:255px}.site-node-bess{max-width:290px}.site-art{height:86px}}@media (width<=1250px){.site-workspace{grid-template-columns:minmax(0,1fr)}.site-node{min-width:145px;padding-inline:9px}.site-node-head small{letter-spacing:.8px}.site-art{height:68px}.site-node-power strong{font-size:16px}.site-node-meta b{font-size:8px}}@media (width<=950px){.site-workspace{grid-template-columns:1fr}.site-inspector{display:grid}}@media (width<=880px){.site-alarm-strip{flex-wrap:wrap;padding-inline:15px}.site-alarm-strip button{margin-left:28px}.site-flow-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;height:auto;min-height:0;padding:18px;display:grid}.site-wiring,.site-flow-badge{display:none}.site-node,.site-node-bess{width:auto;min-width:0;max-width:none;position:relative;inset:auto;transform:none}.site-node-pv{order:1}.site-node-grid{order:2}.site-node-pcs{order:3;grid-column:1/-1}.site-node-bess{order:4}.site-node-load{order:5}.site-node-generator{order:6}.site-node-bess{grid-column:1/-1}.site-art{height:90px}.site-node-power strong{font-size:18px}}@media (width<=430px){.site-flow-stage{grid-template-columns:1fr}.site-node-bess{grid-column:auto}}@media (prefers-reduced-motion:reduce){.sa-fan-blades{animation:none!important}.site-moving-arrows{display:none}.site-node{transition:none}}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.site-node-meta:has(>span:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.pack-table th:first-child{width:27%}.pack-table th:nth-child(2),.pack-table th:nth-child(3){width:15%}.pack-table th:nth-child(4){width:18%}.pack-table th:last-child{width:25%}.pack-table td{height:53px}.pack-table td .pack-select{align-items:center;height:53px}.pack-select>span{flex-direction:column;gap:3px;min-width:0;display:flex}.pack-select small{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:400}.pack-select small .value{font-size:10px}.pack-state{flex-direction:column;align-items:center;gap:4px;padding:3px 0;display:flex}.operating-state{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:inline-flex}.operating-mode,.operating-balancing{border:1px solid var(--border);white-space:nowrap;color:var(--muted);border-radius:4px;align-items:center;padding:2px 5px;font-size:10px;line-height:1.25;display:inline-flex}.operating-mode.charge,.operating-mode.discharge{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.operating-mode.safe{color:var(--text);border-color:var(--border);background:var(--subtle)}.pack-state .operating-mode,.pack-state .operating-balancing{padding:4px 6px;font-size:12px}.pack-state .status-stack:empty{display:none}.operating-balancing{color:var(--accent);border-color:var(--accent-border)}.operating-mode.old,.operating-balancing.old{color:var(--muted);border-color:var(--border);background:0 0}.detail-operating{color:var(--muted);align-items:center;gap:12px;margin-top:13px;font-size:12px;display:flex}.detail-operating .operating-mode,.detail-operating .operating-balancing{padding:4px 7px;font-size:12px}.cell-health{color:var(--muted);white-space:nowrap;font-size:10px;line-height:1.4}.cell-health .value{color:var(--text)}.cell-current{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:4px;font-size:14px;display:flex}.cell-current>small{color:var(--muted);font-size:11px}.cell-current .value small{font-size:12px}.cell-detail-metrics{border-bottom:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:16px;padding:12px 0 20px;display:grid}.cell-detail-metrics .metric{border-right:1px solid var(--border);padding:0 12px 0 0}.cell-detail-metrics .metric:last-child{border-right:0}.cell-measurements{margin-top:22px}.cell-measurements h3{color:var(--accent);font-size:13px}@media (width<=1699px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1050px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cell-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.summary-grid{grid-template-columns:1fr}.cell-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-select small{font-size:9px}}html,body,#root{height:100%;overflow:hidden}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell>.topbar{flex:none;position:relative}main.workspace-main{flex-direction:column;flex:1;width:100%;max-width:1840px;min-height:0;margin:0 auto;padding:12px 32px;display:flex;overflow:hidden}.workspace-main>.workspace-nav{flex:none;margin:0 0 12px}.workspace-main>.workspace-nav button{padding:9px 2px 12px}.workspace-content{scrollbar-gutter:stable;flex:1;min-width:0;min-height:0;scroll-padding-block:12px;overflow:auto}.workspace-content .detail{scroll-margin-top:12px}.workspace-content>footer{padding:8px 0 4px;line-height:1.4}.workspace-content[data-view=overview]{flex-direction:column;display:flex;overflow-y:hidden}.workspace-content[data-view=overview]>.overview{flex:1;min-height:0}.workspace-content[data-view=overview]>.offline-banner,.workspace-content[data-view=overview]>.simulation-control,.workspace-content[data-view=overview]>footer{flex:none}.workspace-content[data-view=overview] .site-workspace{height:100%;min-height:0}.workspace-content[data-view=overview] .ov-flow-panel{flex-direction:column;min-height:0;display:flex}.workspace-content[data-view=overview] .ov-section-head{flex:none;padding:10px 18px}.workspace-content[data-view=overview] .site-alarm-strip{flex:none}.workspace-content[data-view=overview] .site-flow-stage{flex:1;height:auto;min-height:0;container:site-flow/size}.workspace-content[data-view=overview] .simulation-control{margin-top:12px}.site-flow-stage .site-art{height:clamp(44px,15cqh,78px)}@container site-flow (height<=420px){.site-node{padding:8px 10px}.site-node-head b{font-size:13px}.site-node-head small{margin-bottom:3px}.site-flow-stage .site-art{height:clamp(28px,11cqh,46px)}.site-node-power{padding-bottom:4px}.site-node-power strong{font-size:16px}.site-pcs-content{padding-top:4px}.site-pcs-state{font-size:11px}.site-battery-level{padding-top:6px;font-size:10px}.site-battery-level small{font-size:9px}.site-flow-badge{min-width:72px;padding:5px 8px}.site-flow-badge strong{font-size:12px}}@container site-flow (height<=300px){.site-node{padding:6px 8px}.site-node-head small{display:none}.site-node-head b{font-size:12px}.site-flow-stage .site-art{height:clamp(22px,10cqh,28px)}.site-node-power strong{font-size:14px}.site-node-load,.site-node-generator,.site-node-bess{bottom:10px}}@media (width<=1300px){main.workspace-main{padding-inline:22px}}@media (width<=880px){.workspace-content .site-flow-stage{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.workspace-content .site-node{flex-direction:column;height:100%;min-height:0;padding:8px;display:flex;inset:auto}.workspace-content .site-node-pcs,.workspace-content .site-node-bess{grid-column:auto}.workspace-content .site-node-head{flex:none}.workspace-content .site-node-head small{display:none}.workspace-content .site-node-head b{font-size:12px}.workspace-content .site-art{flex:1;min-height:20px;max-height:78px;margin:2px 0}.workspace-content .site-node-power{flex:none;padding:0;display:block}.workspace-content .site-node-power strong{font-size:15px}.workspace-content .site-node-power>span{margin-top:1px;display:block}.workspace-content .site-battery-level{flex:none;margin-top:4px;padding-top:4px}.workspace-content .site-pcs-content{flex:none;padding-top:2px}}@media (width<=680px){main.workspace-main{padding:10px 16px}.workspace-main>.workspace-nav{gap:22px;margin-bottom:10px}.workspace-main>.workspace-nav button{padding:7px 2px 10px}.workspace-content[data-view=overview] .simulation-control{gap:6px;margin-top:8px;padding:9px 10px}.workspace-content[data-view=overview] .simulation-control>span{font-size:11px}.workspace-content[data-view=overview] .simulation-choices button{padding:6px 10px;font-size:11px}.workspace-content>footer{padding:6px 0 0;font-size:10px}}@media (height<=560px){.workspace-content[data-view=overview]>footer{display:none}}.warning-scenarios{border:1px solid var(--border);background:var(--panel);border-radius:9px;margin-top:12px;padding:18px}.warning-scenarios-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.warning-scenarios-heading h2{font-size:15px}.warning-scenarios-status{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.warning-scenarios[data-warning]:not([data-warning=normal]) .warning-scenarios-status{color:var(--amber)}.warning-scenarios-target{color:var(--muted);overflow-wrap:anywhere;margin-top:10px;font-size:12px;line-height:1.7}.warning-scenarios-target b{color:var(--text);font-weight:500}.warning-scenarios-choices,.warning-scenarios-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.warning-scenarios button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:9px 13px;font-size:12px;line-height:1.4}.warning-scenarios button:hover:not(:disabled){border-color:var(--accent)}.warning-scenarios-choices button[aria-pressed=true]{border-color:var(--warning-solid);background:var(--warning-solid);color:var(--warning-on);font-weight:600}.warning-scenarios-actions{border-top:1px solid var(--border);align-items:center;padding-top:12px}.warning-scenarios-actions button{background:0 0}.warning-scenarios-actions span{color:var(--muted);margin-left:auto;font-size:12px}@media (width<=680px){.warning-scenarios{padding:14px}.warning-scenarios-choices{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.warning-scenarios-actions{align-items:stretch}.warning-scenarios-actions button{flex:1}.warning-scenarios-actions span{width:100%;margin:3px 0 0}}