:root{color-scheme:dark;--bg:#0b1415;--panel:#121f20;--panel2:#182728;--line:#2a3c3c;--text:#edf3ee;--muted:#9eafaa;--teal:#83d7ba;--gold:#e4c17c;--danger:#ffa99b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 'Segoe UI',system-ui,sans-serif}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button,select{border:1px solid #425652;background:#1b2b2b;color:var(--text);padding:10px 15px;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled),.button:hover{background:#2b4140;border-color:#72988a}button:disabled{opacity:.38;cursor:not-allowed}.primary{background:var(--teal);color:#102720;border-color:var(--teal);font-weight:650}.primary:hover:not(:disabled){background:#b2ebd6;border-color:#b2ebd6}.quiet{background:transparent;padding:7px 12px}.topbar{min-height:88px;padding:15px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#0e191a}.brand{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:650;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;position:relative;background:var(--teal);color:#15362b;width:43px;height:43px;border-radius:12px;font-size:30px;font-weight:800}.brand-mark>span{position:absolute;font-size:18px;right:2px;top:-4px}.brand-sub{display:block;font-size:9px;letter-spacing:2.2px;color:var(--muted);font-weight:500;margin-top:-2px}.topbar nav{display:flex;gap:28px;color:#b6c6c0;font-size:14px}.topbar nav a:hover{color:var(--teal)}.header-right{display:flex;gap:12px;align-items:center}.badge{display:inline-block;white-space:nowrap;padding:5px 11px;border:1px solid #43524e;border-radius:30px;font-size:12px;letter-spacing:.2px;color:#c3cfc9}.badge.on{background:#1d3d31;border-color:#3c6a55;color:#a7e7c5}.badge.offline,.badge.locked{color:var(--gold);background:#3c321e;border-color:#655337}.demo-banner{padding:10px 24px;background:#39311f;border-bottom:1px solid #6a5832;text-align:center;color:#f0d59a;font-size:12px;font-weight:750;letter-spacing:1px}.demo-banner span{font-weight:400;letter-spacing:0;margin-left:14px}main{max-width:1288px;margin:auto;padding:38px 24px 0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3vw,37px);line-height:1.2;font-weight:550;letter-spacing:-1.1px;margin-bottom:10px}h2{font-size:19px;font-weight:550;letter-spacing:-.3px;margin-bottom:0}h3{font-size:16px;font-weight:550;margin-bottom:0}p{color:var(--muted)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--teal);margin-bottom:10px}.heading-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.heading-row p:last-child{font-size:13px;margin:0}.live-clock{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}.overview-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.panel-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.mini-label{font-size:10px;letter-spacing:.7px;color:var(--muted)}.battery-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:19px}.big-number{font-size:62px;letter-spacing:-3px;line-height:1.1}.big-number span{font-size:27px;color:var(--muted);margin-left:5px;letter-spacing:0}.estimate-label{font-size:12px;margin-top:6px;margin-bottom:16px}.battery-gauge{width:130px;height:83px}.battery-outline{fill:none;stroke:#425d51;stroke-width:2}.battery-terminal{fill:#425d51}#batteryFill{fill:var(--teal)}.metric-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;font-size:13px;color:var(--muted)}.metric-row strong{font-size:16px;color:var(--text);font-weight:550}.fine{font-size:12px;line-height:1.6;color:var(--muted)}.battery-panel>.fine{margin:12px 0 0;font-size:11px;max-width:350px}.snapshot-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px 0 26px}.snapshot-metrics>div+div{border-left:1px solid var(--line);padding-left:28px}.snapshot-metrics p{font-size:12px;margin-bottom:5px}.snapshot-metrics strong{font-size:40px;letter-spacing:-1.5px;font-weight:500;white-space:nowrap}.snapshot-metrics strong span{font-size:19px;letter-spacing:0;color:var(--muted)}.policy-strip{display:flex;gap:14px;align-items:center;padding:14px 15px;border:1px solid #345043;background:#152b23;border-radius:9px}.policy-icon{font-size:28px;color:var(--teal)}.policy-strip strong{font-size:12px;font-weight:600;color:#bddcca}.policy-strip p{font-size:11px;color:#99b2a5;line-height:1.5;margin:4px 0 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0 15px}.section-title .eyebrow{margin-bottom:5px;font-size:9px}.section-title>span{align-self:end}.loads-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.load-name{display:flex;align-items:center;gap:12px}.load-name h2{margin-bottom:2px}.load-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #685b38;border-radius:11px;background:#332f21;color:var(--gold);font-size:27px}.fan-icon{color:var(--teal);background:#1b302b;border-color:#365346;font-size:33px}.load-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:27px 0 17px}.load-metrics span{display:block;color:var(--muted);font-size:11px}.load-metrics strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.6px;margin-top:5px;white-space:nowrap}.reason{font-size:12px;min-height:20px;margin-bottom:15px}.reason.warning{color:var(--gold)}.load-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px}.load-controls button{padding:8px 16px;font-size:12px}.command-status{color:var(--muted);font-size:11px;margin-left:auto}.load-caption{font-size:11px;margin:12px 0 0}.notice{padding:12px 16px;background:#39301e;border:1px solid #665133;border-radius:9px;color:#f1d3a1;font-size:13px;margin-bottom:20px;overflow-wrap:anywhere}.history-tools{display:flex;gap:8px;align-items:center}.history-tools>*{font-size:12px}.history-summary{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:16px 0}.history-summary>div{padding:20px 24px}.history-summary>div+div{border-left:1px solid var(--line)}.history-summary span,.history-summary small{display:block;font-size:11px;color:var(--muted)}.history-summary strong{display:block;font-size:25px;font-weight:500;margin:5px 0}.history-summary small{font-size:10px}.chart-panel svg{width:100%;height:auto;display:block;margin-top:12px;overflow:visible}.chart-panel h3{font-size:14px}.unit{font-size:12px;color:var(--muted);font-weight:400}.legend{display:flex;gap:20px;font-size:11px;color:var(--muted)}.legend span:before{content:'';display:inline-block;width:13px;height:3px;vertical-align:middle;margin-right:7px;background:var(--gold)}.legend .fan-key:before{background:var(--teal)}.history-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.activity-grid>.panel{min-width:0}.activity-grid .fine{font-size:11px;margin:10px 0 15px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:500}td,th{padding:10px 7px;border-bottom:1px solid var(--line);vertical-align:top}td .command-detail{display:block;max-width:260px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.timeline{padding:0;list-style:none;margin:0;max-height:360px;overflow:auto}.timeline li{padding:0 0 17px 16px;margin-left:3px;border-left:1px solid #3f554b;position:relative;font-size:12px;overflow-wrap:anywhere}.timeline li:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--teal);top:7px;left:-3px}.timeline time{display:block;font-size:10px;color:var(--muted);margin-top:3px}.notes-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;margin-top:20px}.notes-panel p{font-size:12px;margin:10px 0 0;max-width:340px}textarea,input{width:100%;padding:11px 13px;color:var(--text);background:var(--bg);border:1px solid #40594d;border-radius:7px}textarea{height:84px;resize:vertical;display:block;margin-bottom:10px}.notes-panel button{font-size:12px}.notes-panel form>span{font-size:12px;margin-left:10px;color:var(--muted)}footer{padding:27px 0 20px;margin-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted)}footer>p{width:100%;font-size:10px;line-height:1.7;margin:0;max-width:1050px}.footer-dot{color:var(--teal);padding:0 6px}.demo-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;border-color:#665133}.demo-controls h3{font-size:13px}.demo-controls p{font-size:11px;margin:5px 0 0}.demo-controls>div:last-child{display:flex;gap:8px;flex-shrink:0}.demo-controls button{font-size:11px;padding:8px 10px}.login-panel{max-width:470px;margin:40px auto 80px}.login-panel h1{font-size:28px}.login-panel p{font-size:13px}.login-panel label{display:block;font-size:12px;color:var(--muted);margin:15px 0}.login-panel input{margin-top:6px}.login-panel button{width:100%;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:850px){.topbar{padding:15px 20px}.topbar nav{gap:15px}.overview-grid{grid-template-columns:1fr 1fr}.snapshot-metrics strong{font-size:30px}.snapshot-metrics>div+div{padding-left:15px}.battery-gauge{width:100px}.big-number{font-size:52px}.history-tools{flex-wrap:wrap;justify-content:flex-end}.notes-panel{grid-template-columns:1fr}.demo-controls{align-items:flex-start;flex-direction:column}}@media(max-width:620px){main{padding:25px 15px 0}.topbar{padding:13px 15px;flex-wrap:wrap;gap:15px}.brand{font-size:20px}.brand-mark{width:37px;height:37px;font-size:26px}.brand-sub{font-size:8px}.topbar nav{order:3;width:100%;font-size:12px}.header-right{gap:6px}.badge{font-size:10px}.header-right button{font-size:11px}.demo-banner{font-size:10px;padding:10px 15px}.demo-banner span{display:block;margin:3px 0 0}.heading-row{align-items:flex-start;flex-direction:column;gap:10px}.overview-grid,.loads-grid,.history-charts,.activity-grid{grid-template-columns:1fr}.panel{padding:20px}.section-title{align-items:flex-start;flex-wrap:wrap}.section-title>span{font-size:10px}.history-tools{width:100%;justify-content:flex-start}.history-tools>*{padding:9px;font-size:11px}.history-summary>div{padding:14px 10px}.history-summary strong{font-size:18px}.history-summary span{font-size:10px}.history-summary small{font-size:9px}.snapshot-metrics strong{font-size:38px}.battery-gauge{width:130px}.load-metrics strong{font-size:22px}.demo-controls>div:last-child{flex-wrap:wrap}.command-status{font-size:10px}footer{display:block}footer>span{display:block;margin-bottom:8px}.login-panel{margin-top:10px}}@media print{html{scroll-behavior:auto}body{background:#fff;color:#111;font-size:11px}.topbar{background:white;padding:0 0 15px}.topbar nav,.header-right button,.load-controls,.history-tools,.demo-controls,.notes-panel form,#moreActivity{display:none!important}main{padding:15px 0;max-width:none}.panel,.history-summary{background:white;border-color:#bbb;break-inside:avoid}.overview-grid,.loads-grid,.history-charts,.activity-grid{gap:12px}.panel{padding:14px}p,.fine,.mini-label,.history-summary small,.history-summary span{color:#555}.snapshot-metrics strong span,.estimate-label{color:#555}.policy-strip{background:#eef6f1}.policy-strip strong,.policy-strip p{color:#234}.big-number{font-size:42px}.snapshot-metrics strong{font-size:28px}.reason{color:#333}.badge{color:#333}.timeline{max-height:none;overflow:visible}footer{color:#555}.demo-banner{background:#fff7dd;color:#534011}.table-scroll{overflow:visible}.notice{color:#534011;background:#fff7dd}svg text{fill:#444}svg line{stroke:#ccc}.load-caption{font-size:9px}.notes-panel{display:block}.section-title{margin-top:20px}}
:root .voltage-panel{grid-column:1/-1}
.automation-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px}.automation-copy{flex:1;min-width:220px}.automation-copy .eyebrow{margin-bottom:6px}.automation-copy>p:not(.eyebrow){font-size:12px;margin:9px 0 0;max-width:850px}.automation-copy #automationStatus{color:var(--teal)}.automation-switch{display:flex;align-items:center;gap:12px;min-width:160px;justify-content:center;padding:14px 18px;font-weight:600}.switch-track{display:block;position:relative;width:46px;height:26px;border:1px solid #806637;background:#44351e;border-radius:20px;flex-shrink:0}.switch-thumb{position:absolute;width:18px;height:18px;top:3px;left:3px;background:var(--gold);border-radius:50%;transition:transform .15s}.automation-switch[aria-checked=true] .switch-track{background:#245440;border-color:#539c7c}.automation-switch[aria-checked=true] .switch-thumb{background:var(--teal);transform:translateX(20px)}.manual-warning{flex-basis:100%;padding:12px 15px;margin:0;border:1px solid #806637;border-radius:8px;background:#39301e;color:#f1d3a1;font-size:12px}.automation-panel.manual-mode{border-color:#806637}@media(max-width:620px){.automation-switch{min-width:150px}.automation-copy{min-width:0;flex-basis:100%}.automation-panel{gap:15px}}@media(prefers-reduced-motion:reduce){.switch-thumb{transition:none}}@media print{.automation-panel{break-inside:avoid}.automation-switch{display:none}.manual-warning{color:#534011;background:#fff7dd}}