.energy-shell{--energy-taken: #f2a93b;--energy-given: var(--accent);--energy-given-text: var(--accent-text);--energy-gas: #c9a2ff;--energy-water: #7cc7ff;--energy-track: rgba(127, 127, 127, .18)}:root[data-theme=light] .energy-shell{--energy-taken: #b86e00;--energy-gas: #7a4fcf;--energy-water: #1f73b8}.energy-overview,.energy-devices{display:flex;flex-direction:column;gap:1rem}.energy-row{display:flex;flex-wrap:wrap;gap:1rem}.energy-row>.panel{flex:1 1 320px;min-width:0}.energy-row>.energy-live,.energy-row>.energy-hours{flex:2 1 520px}.energy-shell .panel h2,.energy-section-title{margin:0;font-size:.95rem;font-weight:500;color:var(--muted)}.energy-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.energy-card-head h3{margin:0}.energy-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.energy-status:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--energy-given)}.energy-status.is-offline:before{background:transparent;border:2px solid var(--warn);box-sizing:border-box}.energy-now{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:.25rem 0 1rem}.energy-now-value{font-size:clamp(3rem,8vw,4.75rem);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.energy-now-unit{font-size:1.6rem;font-weight:500}.energy-now.is-taken .energy-now-value,.energy-now.is-taken .energy-now-unit{color:var(--energy-taken)}.energy-now.is-given .energy-now-value,.energy-now.is-given .energy-now-unit{color:var(--energy-given-text)}.energy-now-label{padding:.3rem .8rem;border-radius:999px;background:var(--energy-track);font-weight:500}.energy-trail{display:flex;gap:3px;height:84px}.energy-trail-bar{display:flex;flex:1 1 0;flex-direction:column;min-width:0}.energy-trail-half{display:flex;height:42px}.energy-trail-half.is-up{align-items:flex-end}.energy-trail-half.is-down{align-items:flex-start;border-top:1px solid var(--panel-border)}.energy-bar-fill{display:block;width:100%;border-radius:2px}.energy-bar-fill.is-taken{background:var(--energy-taken)}.energy-bar-fill.is-given{background:var(--energy-given)}.energy-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:.6rem 0 0;font-size:.85rem;color:var(--muted)}.energy-key{display:inline-flex;align-items:center;gap:.45rem}.energy-key:before{content:"";width:.65rem;height:.65rem;flex:none}.energy-key.is-taken:before{background:var(--energy-taken);border-radius:2px}.energy-key.is-given:before{background:var(--energy-given);border-radius:50%}.energy-key.is-gas:before{width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.65rem solid var(--energy-gas)}.energy-key.is-water:before{border:2px solid var(--energy-water);border-radius:50%;box-sizing:border-box}.energy-key.is-neutral:before{background:var(--muted);border-radius:2px}.energy-key.is-estimated:before{background:repeating-linear-gradient(135deg,var(--muted) 0 2px,transparent 2px 4px)}.energy-facts,.energy-device-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--panel-border)}.energy-device-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.energy-facts dt,.energy-device-facts dt{font-size:.8rem;color:var(--muted)}.energy-facts dd,.energy-device-facts dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.energy-phases{display:flex;flex-direction:column;gap:1rem}.energy-phase{display:flex;flex-direction:column;gap:.35rem}.energy-phase-head{display:flex;justify-content:space-between;font-weight:500;font-variant-numeric:tabular-nums}.energy-phase-head .is-taken{color:var(--energy-taken)}.energy-phase-head .is-given{color:var(--energy-given-text)}.energy-phase-detail,.energy-note{font-size:.82rem;color:var(--muted)}.energy-note{margin:.75rem 0 0}.energy-meter{display:block;height:.6rem;border-radius:999px;background:var(--energy-track);overflow:hidden}.energy-meter>span{display:block;height:100%;border-radius:999px}.energy-meter>.is-taken{background:var(--energy-taken)}.energy-meter>.is-given{background:var(--energy-given)}.energy-meter>.is-warn{background:var(--warn)}.energy-meter>.is-danger{background:var(--danger)}.energy-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:.6rem}.energy-shell button.energy-tile{display:flex;flex-direction:column;gap:.3rem;text-align:left;color:var(--text);font:inherit;cursor:pointer}.energy-shell button.energy-tile:hover{border-color:var(--accent)}.energy-tile-value{font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums}.energy-peak-now{margin:.5rem 0 .25rem;font-size:1.1rem}.energy-peak-value{font-size:2.4rem;font-weight:600;font-variant-numeric:tabular-nums}.energy-peak-month{display:flex;flex-direction:column;gap:.15rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--panel-border)}.energy-chart{display:flex;flex-direction:column;gap:.35rem}.energy-chart-bars,.energy-chart-labels{display:flex;gap:4px}.energy-chart-labels>span{flex:1 1 0;min-width:0;font-size:.72rem;text-align:center;color:var(--muted);white-space:nowrap;overflow:hidden}.energy-bar{display:flex;flex:1 1 0;flex-direction:column;min-width:0;padding:0;border:0;border-radius:4px;background:transparent}.energy-shell button.energy-bar{cursor:pointer}.energy-shell button.energy-bar:hover,.energy-bar.is-selected{background:var(--energy-track)}.energy-bar.is-selected{outline:2px solid var(--text);outline-offset:1px}.energy-bar-half{display:flex;width:100%}.energy-bar-half.is-up{align-items:flex-end}.energy-bar-half.is-down{align-items:flex-start;border-top:1px solid var(--panel-border)}.energy-chart:not(.is-electricity) .energy-bar-half.is-up{border-bottom:1px solid var(--panel-border)}.energy-chart.is-gas .energy-bar-fill.is-taken{background:var(--energy-gas)}.energy-chart.is-water .energy-bar-fill.is-taken{background:var(--energy-water)}.energy-bar.is-estimated .energy-bar-fill{background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.35) 0 3px,transparent 3px 6px)}.energy-history{display:flex;flex-direction:column;gap:1rem}.energy-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem}.energy-segments{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border:1px solid var(--panel-border);border-radius:12px;background:var(--control-bg)}.energy-segments button{min-height:2.5rem;padding:0 1rem;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-weight:500;cursor:pointer}.energy-segments button[aria-pressed=true]{background:var(--accent-soft);color:var(--text)}.energy-period-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.energy-period-title{padding:0 .4rem;font-size:1.1rem;font-weight:500}.energy-period-title:first-letter{text-transform:uppercase}.energy-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.energy-total{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem;border:1px solid var(--panel-border);border-radius:12px;background:var(--control-bg)}.energy-total strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.energy-readout{margin:0;padding:.75rem 1rem;border-radius:12px;background:var(--control-bg)}.energy-empty{margin:1rem 0}.energy-device-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}.energy-device .energy-device-facts{margin-top:.5rem}.energy-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .75rem;border-radius:999px;background:var(--energy-track);font-size:.85rem;font-weight:500}.energy-pill:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--muted)}.energy-pill.is-online:before{background:var(--energy-given)}.energy-pill.is-offline:before{background:transparent;border:2px solid var(--warn);box-sizing:border-box}.energy-hint{margin:.75rem 0 0;padding:.75rem 1rem;border-radius:12px;background:var(--control-bg);font-size:.9rem}.energy-device-actions{display:flex;justify-content:flex-end;margin-top:.75rem}.energy-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em;overflow-wrap:anywhere}.energy-steps{display:flex;flex-direction:column;gap:.4rem;margin:0 0 1rem;padding-left:1.25rem}.energy-field{display:flex;flex-direction:column;gap:.35rem}.energy-connection{width:100%;margin:.75rem 0;border-collapse:collapse}.energy-connection th,.energy-connection td{padding:.4rem .5rem;border-bottom:1px solid var(--panel-border);text-align:left;vertical-align:middle}.energy-connection th{font-size:.9rem;font-weight:500;letter-spacing:normal;text-transform:none;white-space:nowrap}@media(max-width:640px){.energy-device-list{grid-template-columns:1fr}.energy-chart-bars,.energy-chart-labels{gap:2px}}