.energy-stage{background:linear-gradient(135deg,#181a17,#10120f);border-color:#ffffff1c;border-radius:8px;padding:clamp(16px,2.2vw,30px);box-shadow:0 24px 64px #0003}.energy-stage .installation-scene{background:#101211;border-color:#ffffff12;border-radius:4px}.energy-stage .energy-system{background:#101211;width:100%;max-width:100%;margin-left:0}.energy-stage .scene-sky{fill:url(#scene-spotlight)}.energy-stage .scene-label{fill:#f3f1e9;stroke:none;font-family:var(--font-display,"Arial Narrow", sans-serif);letter-spacing:.8px;font-size:27px;font-weight:700}.energy-stage .equipment-detail{fill:#b8bbb2;stroke:none;letter-spacing:0;font:400 20px Arial,sans-serif}.energy-stage .battery-name{font-size:29px}.energy-stage .battery-detail{font-size:20px}.energy-stage .gateway-label{font-size:25px}.energy-stage .gateway-detail{font-size:20px}.energy-stage .battery-bolt{fill:#b89524;filter:none}.energy-stage .battery-seam{stroke:#a1a8a2;stroke-width:1px;stroke-opacity:.6}.energy-stage .battery-status-window{fill:#adb6ac;stroke:none}.energy-stage .battery-status-line{stroke:#d8bd62;stroke-width:3px;filter:none}.energy-stage .is-charging .battery-status-line{stroke:#e3c55a;filter:drop-shadow(0 0 4px #e3c55a55)}.energy-stage .gateway-box{fill:url(#battery-face);stroke:#f4f5f0;stroke-width:1.5px;rx:12px}.energy-stage .gateway-status-window{fill:#414943;stroke:none}.energy-stage .gateway-pointer{stroke:#8c968d;stroke-width:2px}.energy-stage .gateway-installation.is-routing .gateway-port{fill:#ffe5a0}.energy-stage .gateway-installation.is-routing .gateway-led{fill:#e3c55a}.energy-stage .equipment-conduit path{stroke:#444b44;stroke-width:6px;stroke-opacity:.75}.energy-stage .route-base{stroke:#667164;stroke-opacity:.18;stroke-width:6px}.energy-stage .route-active{stroke-width:3px;filter:url(#route-glow);stroke:#c4a847!important}.energy-stage .route-packet{filter:drop-shadow(0 0 3px #e8c76488);fill:#fff1b7!important}.energy-stage .flow-route.is-active .route-active{opacity:.85}.energy-stage .roof-plane{fill:#1b242d;stroke:#5e6d79;stroke-width:2px}.energy-stage .panel-frame{stroke:#b2c2cd;stroke-width:3px}.energy-stage .panel-grid{stroke:#94a7b9;stroke-width:1.5px;stroke-opacity:.55}.energy-stage .solar-installation.is-producing .panel-surface{filter:drop-shadow(0 3px 8px #0004)}.energy-stage .panel-mounts{stroke-width:3px}.energy-stage .sun-mark{stroke:#d9bd70;stroke-width:2px}.energy-stage .utility-pole{stroke:#738071;stroke-width:6px}.energy-stage .meter-box{fill:#778074;stroke-width:1.5px}.energy-stage .meter-glass{fill:#242e26;stroke:#c3ccbf;stroke-width:2px;filter:none}.energy-stage .utility-installation.is-routing .meter-glass{fill:#343a27;stroke:#e3c55a;filter:none}.energy-stage .meter-detail{stroke-width:2px}.energy-stage .home-shell{fill:#272e27;stroke:#71806e;stroke-width:2px}.energy-stage .home-roof{stroke:#9ba893;stroke-width:7px}.energy-stage .home-window{fill:#354033;stroke:#88967f;stroke-width:2px}.energy-stage.mode-solar .home-window,.energy-stage.mode-home .home-window{fill:#c7ad67;filter:drop-shadow(0 0 14px #c7ad672b)}.energy-stage .window-frame{stroke:#828c76;stroke-width:2px}.energy-stage .home-door{fill:#1b231d;stroke:#78866f;stroke-width:2px}.energy-stage .home-floor{stroke:#4c5848;stroke-width:1.5px}.energy-stage .scene-caption{background:#141713;border-color:#ffffff14;grid-template-columns:136px 1fr;gap:6px 20px;padding:24px}.energy-stage .scene-caption span{color:#e6c762;grid-row:1/3;font-size:.875rem}.energy-stage .scene-caption strong{letter-spacing:.3px;font-size:1.7rem}.energy-stage .scene-caption p{color:#bdc0b7;grid-column:2;font-size:1rem;line-height:1.65}.energy-stage .energy-stage-head{color:#b5b7ad;letter-spacing:1.6px;font-size:.875rem}.energy-stage .energy-stage-head strong{color:#e6c762;font-size:.875rem}.energy-stage .energy-modes{background:#090c09;border:1px solid #ffffff14;border-radius:4px;gap:4px;padding:5px}.energy-stage .energy-modes button{color:#c0c4b8;background:0 0;border-color:#0000;min-height:50px;font-size:.95rem}.energy-stage .energy-modes button[aria-selected=true]{border-color:#e4c662;box-shadow:0 2px 8px #0003;background:#e4c662!important}.energy-stage .energy-modes button i{display:none}.energy-stage .energy-modes button:focus-visible{outline-offset:2px;outline:2px solid #fff4c8}.energy-stage .energy-readout small{color:#999f92;letter-spacing:.8px;font-size:.875rem}.energy-stage .energy-readout b{color:#eeeee7;letter-spacing:.5px;font-size:1rem}.energy-mobile-key{display:none}@media (max-width:600px){.energy-stage .scene-label,.energy-stage .equipment-detail{display:none}.energy-stage .energy-system{margin-bottom:-20px}.energy-mobile-key{grid-template-columns:1fr 1fr;gap:16px;padding:10px 18px 22px;display:grid}.energy-mobile-key span{color:#b8bbb2;font-size:14px;line-height:1.4}.energy-mobile-key b{color:#f5f2e9;font-family:var(--font-display);text-transform:uppercase;font-size:18px;display:block}.energy-stage .scene-caption{padding:20px 18px;display:block}.energy-stage .scene-caption strong{margin-top:8px;font-size:1.5rem}.energy-stage .energy-stage-head{letter-spacing:.6px;font-size:.8rem}.energy-stage .energy-stage-head strong{text-align:right;font-size:.8rem}.energy-stage .energy-readout>span{grid-template-columns:115px 1fr}}
