.live-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(105deg,#061923,#0b3443);color:#fff;border-radius:11px;padding:17px 21px;margin-bottom:17px}.live-strip>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.live-strip .pulse{grid-row:1/3}.live-strip b{font-size:11px}.live-strip small{font-size:8px;color:#9bb1ba}.live-strip>div:last-child{display:flex;gap:30px}.live-strip>div:last-child span{display:grid;text-align:right}.live-strip>div:last-child b{font-size:19px;color:var(--aqua)}.live-strip>div:last-child small{font:600 7px Roboto Mono}.iq-tabs{display:flex;gap:4px;background:#e5edef;padding:5px;border-radius:8px;width:max-content;margin-bottom:18px}.iq-tabs button{border:0;background:transparent;color:#657983;padding:10px 16px;border-radius:6px}.iq-tabs button.active{background:#fff;color:var(--ink);font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.08)}.iq-panel{display:none}.iq-panel.active{display:block}.iq-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px}.iq-card .panel-head p{font-size:9px;color:var(--muted);margin:3px 0}.iq-card select{border:1px solid var(--line);border-radius:5px;padding:8px;background:#fff}.systems-layout,.predictive-layout,.fuel-layout,.iot-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:17px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.system-grid article{border:1px solid var(--line);border-radius:8px;padding:15px}.system-top{display:flex;justify-content:space-between}.system-top>span{width:30px;height:30px;display:grid;place-items:center;background:var(--navy);color:var(--aqua);border-radius:6px;font:700 8px Roboto Mono}.system-top em{font:700 7px Roboto Mono;font-style:normal;background:#e1f5f1;color:#08786d;padding:5px;height:max-content;border-radius:4px}.system-top em.watch{background:#fff1d6;color:#956700}.system-grid h3{font-size:11px;margin:10px 0 3px}.system-grid>article>b{font-size:18px}.sensor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.sensor-row span{display:grid;font-size:7px;color:var(--muted)}.sensor-row strong{font-size:9px;color:var(--ink)}.system-grid article>i{display:block;height:5px;background:#e5edef;border-radius:4px;overflow:hidden}.system-grid article>i span{display:block;height:100%;background:var(--aqua)}.system-grid article>small{display:block;font-size:7px;color:var(--muted);margin-top:5px}.alert-feed>article{display:grid;grid-template-columns:auto 1fr;gap:10px;border-top:1px solid var(--line);padding:14px 0}.alert-feed time{font:700 8px Roboto Mono;color:var(--muted)}.alert-feed article div{display:grid}.alert-feed article b{font-size:9px}.alert-feed article p{font-size:8px;color:var(--muted);margin:3px 0 7px}.alert-action{width:max-content;border:1px solid var(--line);background:#fff;border-radius:4px;padding:6px 8px;font-size:8px}.alert-feed .warning-alert{border-left:3px solid #e8a82a;padding-left:10px}.alert-feed .critical-alert{border-left:3px solid #d14f45;padding-left:10px}.forecast-badge{font:700 7px Roboto Mono;color:var(--sea)}.forecast-list article{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-top:1px solid var(--line);padding:16px 0}.forecast-list time{width:54px;height:54px;border-radius:8px;background:#edf5f6;display:grid;place-items:center}.forecast-list time b{font-size:19px;line-height:1;margin-top:8px}.forecast-list time small{font:700 7px Roboto Mono;color:var(--muted);margin-top:-7px}.forecast-list article>div>small{font:700 7px Roboto Mono;color:var(--sea)}.forecast-list h3{font-size:11px;margin:4px 0}.forecast-list p{font-size:8px;color:var(--muted);margin:0}.forecast-impact{display:flex;gap:14px;margin-top:7px}.forecast-impact span{font-size:7px;color:var(--muted)}.forecast-impact b{color:var(--ink)}.schedule-maintenance{border:1px solid var(--line);background:#fff;border-radius:5px;padding:8px;font-size:8px}.savings-card>small,.eco-card>small,.cyber-card>small{font:700 8px Roboto Mono;color:var(--sea)}.savings-card>b{display:block;font-size:34px;margin-top:10px}.savings-card>p{font-size:9px;color:var(--muted)}.savings-bars{height:120px;display:flex;gap:7px;align-items:end;margin:22px 0}.savings-bars span{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;text-align:center}.savings-bars i{display:block;background:linear-gradient(var(--aqua),#0b746b);border-radius:3px 3px 0 0}.savings-bars small{font-size:6px;color:var(--muted);margin-top:4px}.efficiency-up{font:700 7px Roboto Mono;color:#08786d;background:#e1f5f1;padding:6px;border-radius:4px}.fuel-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fuel-summary article{display:grid;background:#f2f6f7;padding:13px;border-radius:7px}.fuel-summary small{font:700 7px Roboto Mono;color:var(--muted)}.fuel-summary b{font-size:18px}.fuel-summary span{font-size:7px;color:var(--muted)}.fuel-chart{height:190px;margin-top:18px;display:grid;grid-template-columns:30px 1fr;gap:8px;border-top:1px solid var(--line)}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;padding:10px 0 20px;font-size:7px;color:var(--muted)}.chart-bars{display:flex;align-items:end;gap:12px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#e9eff0 45px)}.chart-bars span{flex:1;background:#b8cbd0;border-radius:4px 4px 0 0;position:relative}.chart-bars span.optimal{background:var(--aqua)}.chart-bars i{position:absolute;bottom:-18px;width:100%;text-align:center;font-size:7px;font-style:normal}.eco-card h2{font-size:28px;margin:8px 0}.eco-card>p{font-size:9px;color:var(--muted)}.eco-card dl{margin:20px 0}.eco-card dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:8px}.eco-card dd{font-weight:800;color:#08786d}.iot-list article{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.iot-icon{width:40px;height:40px;background:var(--navy);color:var(--aqua);border-radius:7px;display:grid;place-items:center;font:700 8px Roboto Mono}.iot-list article>div:nth-child(2){display:grid}.iot-list b{font-size:10px}.iot-list p{font-size:8px;color:var(--muted);margin:3px 0}.iot-list em{font:700 7px Roboto Mono;font-style:normal;padding:5px;border-radius:4px}.iot-list em.connected{background:#e1f5f1;color:#08786d}.iot-list em.partial{background:#fff1d6;color:#956700}.iot-list em.ready{background:#e5f1fa;color:#256c9e}.iot-list article>span{font-size:8px;color:var(--muted)}.cyber-score{font-size:43px;font-weight:800;margin:12px 0}.cyber-score span{font-size:12px;color:var(--muted)}.cyber-card ul{list-style:none;padding:0;margin:0 0 17px}.cyber-card li{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:9px}.cyber-card li b{color:#08786d}.cyber-card li em{font-style:normal;color:#956700}
@media(max-width:1050px){.systems-layout,.predictive-layout,.fuel-layout,.iot-layout{grid-template-columns:1fr}.live-strip{align-items:flex-start}.live-strip>div:last-child{gap:14px}}
@media(max-width:700px){.live-strip{display:grid}.live-strip>div:last-child{justify-content:space-between}.live-strip>div:last-child span{text-align:left}.iq-tabs{width:100%;overflow:auto}.system-grid,.fuel-summary{grid-template-columns:1fr}.forecast-list article{grid-template-columns:auto 1fr}.forecast-list .schedule-maintenance{grid-column:2}.iot-list article{grid-template-columns:auto 1fr auto}.iot-list article>span{display:none}.sensor-row{grid-template-columns:repeat(3,1fr)}}