.consumption-panel{margin:24px 0 30px;padding:25px;background:var(--surface,#fff)}
.consumption-head{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}
.consumption-head h2{font-size:23px;margin:4px 0 5px}
.consumption-head p{margin:0;color:var(--muted);font-size:13px}
.consumption-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:21px 0}
.consumption-filters label{font-size:12px;color:var(--muted);display:grid;gap:5px}
.consumption-filters input,.consumption-filters select{font-size:13px;min-height:42px}
.consumption-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 20px}
.consumption-kpis>div{border:1px solid var(--line);border-radius:11px;padding:16px;background:var(--bg,#f2f6fb)}
.consumption-kpis small{display:block;min-height:34px}
.consumption-kpis strong{display:block;font-size:26px;letter-spacing:-.8px;color:var(--ink)}
.consumption-kpis>div:first-child{background:linear-gradient(125deg,#053552,#087db8);border-color:#178ac3}
.consumption-kpis>div:first-child small,.consumption-kpis>div:first-child strong{color:#fff}
.consumption-note{font-size:12px;color:var(--muted);margin:0 0 13px}
.consumption-chart{height:250px;padding:8px 4px;margin-bottom:18px;border:1px solid var(--line);border-radius:10px;background:var(--bg,#f2f6fb)}
.consumption-chart svg{width:100%;height:100%;display:block}
.consumption-chart .gridline{stroke:var(--line);stroke-dasharray:3 5}
.consumption-chart text{fill:var(--muted);font:12px 'Segoe UI',Arial,sans-serif}
.consumption-table{max-height:450px}
.consumption-table th{z-index:6}
.consumption-table button{padding:2px 0;border:0;background:none;color:var(--cyan,#1485c2);text-decoration:underline;font-size:13px}
.consumption-table .partial{color:#cb8131}
.consumption-table .complete{color:#1e9c88}
.consumption-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:14px;text-align:center;padding:24px}
#monthAvgStatus{font-size:11px;color:var(--muted)}
.business-energy .energy-main{min-width:0;display:flex;flex-direction:column}
.business-energy .energy-chart-head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:19px}
.business-energy .energy-chart-head strong{display:block;font-size:15px;color:var(--ink)}
.business-energy .energy-chart-head span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.energy-range-buttons{display:flex;gap:4px;flex-wrap:wrap}
.energy-range-buttons button{padding:5px 8px;border-radius:6px;font-size:11px;background:var(--surface,#fff)}
.energy-range-buttons button[aria-pressed=true]{color:var(--cyan,#167cc2);border-color:var(--cyan,#167cc2);background:color-mix(in srgb,var(--cyan,#167cc2) 12%,var(--surface,#fff))}
.energy-custom-range{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;flex-wrap:wrap}
.energy-custom-range[hidden]{display:none}
.energy-custom-range label{display:grid;gap:2px;color:var(--muted);font-size:11px}
.energy-custom-range input{max-width:155px;padding:5px;font-size:11px}
.energy-monthly-chart{height:235px;min-width:0;margin:12px 0 5px;padding:6px 0;border-radius:9px;background:color-mix(in srgb,var(--surface,#fff) 60%,transparent)}
.energy-monthly-chart svg{display:block;width:100%;height:100%}
.energy-monthly-chart .gridline{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}
.energy-monthly-chart text{fill:var(--muted);font:11px 'Segoe UI',Arial,sans-serif}
.energy-chart-legend{display:flex;gap:8px 15px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}
.energy-chart-legend span{display:inline-flex;align-items:center;gap:5px}
.energy-chart-legend i{display:inline-block;width:13px;height:3px;border-radius:2px}
.energy-chart-legend .legend-total{background:#0999cf}.energy-chart-legend .legend-average{background:#0eae96}
.energy-daily-details{margin-top:13px;padding-top:9px;border-top:1px solid var(--line)}
.energy-daily-details .tablewrap{max-height:300px;margin-top:8px}
.energy-daily-details th,.energy-daily-details td{font-size:11px}
.business-energy .energy-context{justify-content:start}
.business-energy .energy-context>div{min-width:0}
.business-energy .energy-context strong{font-size:19px;line-height:1.22;overflow-wrap:anywhere}
.business-energy #energyRunRate{font-size:16px;line-height:1.4}
.business-energy .energy-quality{margin-top:6px;padding:13px 0 0;border-top:1px solid var(--line)}
.business-energy .energy-quality strong{font-size:15px;margin:5px 0 8px}
.energy-quality-track{height:7px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--cyan,#1682c6) 16%,var(--surface,#fff))}
.energy-quality-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0b8dcb,#16b2d4);border-radius:6px;transition:width .35s}
.business-energy .energy-quality>small:last-child{margin-top:7px;line-height:1.45}
.chart .minter-trend .guide,.exec-chart .minter-trend .guide{stroke:var(--line);stroke-dasharray:3 5}
.chart .minter-trend text,.exec-chart .minter-trend text{fill:var(--muted)}
.chart .minter-trend .trend-line,.exec-chart .minter-trend .trend-line{fill:none;stroke:#0b9fd4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chart .minter-trend .trend-area,.exec-chart .minter-trend .trend-area{stroke:none}
.time-tick{stroke:var(--line);stroke-width:1}
.chart .minter-trend .time-label,.exec-chart .minter-trend .time-label{font-size:10px}
.chart-reading-note{font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px}
.chart-tooltip{position:fixed;z-index:10000;pointer-events:none;max-width:min(340px,calc(100vw - 20px));padding:12px 15px;border:1px solid var(--line);border-left:3px solid #0b9fd4;border-radius:10px;background:var(--surface,#fff);color:var(--ink,#163249);box-shadow:0 7px 26px #0003;font:12px/1.6 'Segoe UI',Arial,sans-serif}
.chart-tooltip[hidden]{display:none}.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip strong{margin-bottom:3px;font-size:13px}.chart-tooltip span:first-of-type{color:var(--muted)}
svg .chart-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 4}
svg .chart-selected,.exec-chart svg .chart-selected{fill:#0b9fd4;stroke:var(--surface,#fff);stroke-width:2}
[data-interactive-chart] svg:focus-visible{outline:2px solid #0b9fd4;outline-offset:3px;border-radius:6px}
.chart-gap{fill:var(--muted);font-size:10px}
html[data-theme=dark] .energy-monthly-chart{background:color-mix(in srgb,var(--surface,#12253c) 65%,transparent)}
@media(max-width:1100px){.business-energy .energy-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 0 0}.business-energy .energy-context>small{grid-column:1/-1}.business-energy .energy-chart-head{align-items:start}}
@media(max-width:600px){.business-energy .energy-context{grid-template-columns:1fr 1fr}.business-energy .energy-context strong{font-size:16px}.energy-monthly-chart{height:205px}}
@media(max-width:1100px){.consumption-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.consumption-panel{padding:17px}.consumption-kpis{grid-template-columns:1fr 1fr}.consumption-kpis strong{font-size:21px}.consumption-filters label{width:calc(50% - 6px)}.consumption-filters input,.consumption-filters select{width:100%}}