.electric-readings{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}
.electric-readings div{padding:11px;border:1px solid var(--line);border-radius:10px;background:#061b1dbd}
.electric-readings span{display:block;color:var(--muted);font-size:7px;letter-spacing:.8px}
.electric-readings strong{font:600 18px "Space Grotesk";margin-right:4px}
.electric-readings em{font-style:normal;color:var(--muted);font-size:8px}
.demo-pill.offline{color:var(--orange)}
.demo-pill.offline i{background:var(--orange);box-shadow:0 0 10px var(--orange)}
.axis-title{margin-top:14px;color:var(--muted);font-size:7px;letter-spacing:.8px}
.chart-panel{grid-column:1/-1}
.chart-panel .chart-wrap{height:330px}
.energy-total{text-align:right;border:1px solid var(--line);border-radius:10px;background:#061b1dbd;padding:8px 12px;min-width:145px}
.energy-total span{display:block;color:var(--muted);font-size:7px;letter-spacing:1px;margin-bottom:3px}
.energy-total strong{font:600 20px "Space Grotesk";color:var(--cyan)}
.energy-total em{font-style:normal;color:var(--muted);font-size:8px;margin-left:4px}
@media(max-width:800px){.electric-readings{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.chart-panel .chart-wrap{height:240px}.energy-total{min-width:115px;padding:7px 9px}.energy-total strong{font-size:16px}}