.history-head,.history-row{display:grid;grid-template-columns:1.7fr .65fr .8fr .8fr;gap:6px;align-items:center}.history-head{margin-top:15px;padding:0 8px 7px;font-size:11px;color:var(--muted)}.history-row{padding:10px 8px;border-top:1px solid var(--line);font-size:12px}.history-row span:not(:first-child){text-align:right}.history p{text-align:center;color:var(--muted)}
.header-actions{display:flex;align-items:center;gap:9px}.header-actions a{color:var(--blue);font-size:12px;text-decoration:none}.admin-panel>label{display:block;margin-top:15px;color:var(--muted)}select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #314761;border-radius:10px;background:#091523;color:white;font:inherit}.admin-panel details{margin-top:15px;border-top:1px solid var(--line);padding-top:13px}.admin-panel summary{cursor:pointer;color:var(--blue)}.admin-panel form{display:grid;gap:12px;margin-top:14px}.key-row{display:flex;gap:8px}.key-row input{margin:6px 0 0}.key-row button{white-space:nowrap}.admin-panel p{margin:0;color:var(--muted)}
.compact-btn{width:100%;margin-top:10px;padding:10px}.chart-details>summary{cursor:pointer;font-size:16px;font-weight:700;list-style-position:inside}.chart-details>summary small{float:right;font-weight:400}.chart-details[open]>summary{padding-bottom:14px;border-bottom:1px solid var(--line)}.chart-stack{display:grid;gap:12px;margin-top:14px}.chart-stack>p{text-align:center;color:var(--muted)}.mini-chart{padding:11px;border:1px solid var(--line);border-radius:12px;background:#0b1727;overflow:hidden}.mini-chart h3{margin:0 0 7px;font-size:13px}.mini-chart svg{display:block;width:100%;height:auto;overflow:visible}.mini-chart svg text{fill:var(--muted);font-size:10px}.chart-grid{fill:none;stroke:#294159;stroke-width:1}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:5px;color:var(--muted);font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:12px;height:3px;border-radius:2px}.device-trend{padding:12px;border:1px solid var(--line);border-radius:13px;background:#0a1524}.device-trend>h2{margin-bottom:10px;color:var(--blue)}.device-trend .mini-chart+.mini-chart{margin-top:10px}.inner-history{margin-top:10px}.inner-history summary{cursor:pointer;color:var(--blue)}.mppt-history-head,.mppt-history-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;padding:8px;font-size:11px}.mppt-history-head{margin-top:8px;color:var(--muted)}.mppt-history-row{border-top:1px solid var(--line)}.mppt-history-head span:not(:first-child),.mppt-history-row span:not(:first-child){text-align:right}
.range-energy-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:14px;background:var(--line);border:1px solid var(--line)}.range-energy-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;background:#0b1727}.range-energy-summary span{color:var(--muted);font-size:12px}.range-energy-summary strong{font-size:20px;color:#51e29a;white-space:nowrap}.range-energy-summary>div:last-child strong{color:#c98cff}@media(max-width:560px){.range-energy-summary{grid-template-columns:1fr}.range-energy-summary>div{padding:10px 12px}.range-energy-summary strong{font-size:18px}}
.chart-range{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.chart-range label{flex:1;color:var(--muted);font-size:12px}.chart-range select{margin-top:5px}.chart-range>span{padding-bottom:11px;font-size:11px;text-align:right}@media(max-width:430px){.chart-range{align-items:stretch;flex-direction:column}.chart-range>span{padding:0;text-align:left}}
.custom-date-range{display:flex;align-items:flex-end;gap:8px;flex:2}.custom-date-range label{min-width:120px}.custom-date-range input{margin-top:5px;padding:10px}.custom-date-range button{padding:11px 14px;white-space:nowrap}@media(max-width:560px){.custom-date-range{display:grid;grid-template-columns:1fr 1fr}.custom-date-range button{grid-column:1/-1}.custom-date-range[hidden]{display:none}}
.capacity-health small{display:block;margin-top:5px;font-size:10px}.capacity-health small strong{font-size:13px;color:var(--blue)}.capacity-health small strong.good{color:var(--green)}.capacity-health small strong.warn{color:#ffc857}.capacity-health small strong.poor{color:#ff7b7b}.capacity-health small strong.unknown{color:var(--muted)}#healthDetail{line-height:1.45}
.energy-counter-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px;color:var(--muted);font-size:13px}.energy-counter-actions button{flex:0 0 auto}
.mini-chart[data-chart-points] svg{cursor:crosshair;touch-action:pan-y;user-select:none;-webkit-user-select:none}.chart-selection{stroke:#fff;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.chart-readout{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:10px;margin-top:6px;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.chart-readout strong{flex-basis:100%;color:var(--muted)}.chart-readout span{min-width:0;max-width:100%}