#history-filter {flex-wrap:wrap;align-items:end;gap:12px}
#history-filter label {min-width:145px;flex:1}
#history-filter [hidden] {display:none}
#history-error {width:100%;color:#b42318}
.history-chart {max-height:480px;overflow:auto;padding:8px 0}
.history-bar {display:grid;grid-template-columns:120px minmax(90px,1fr) 130px 70px;gap:12px;align-items:center;padding:7px 0;font-variant-numeric:tabular-nums}
.history-bar meter {width:100%;height:22px;accent-color:#0f766e}
.history-bar strong {text-align:right}
#page-history .panel {min-width:0}
#page-history summary {cursor:pointer;font-weight:600;padding:8px 0}
#page-history .table-wrap {max-height:520px;overflow:auto}
#page-history td {vertical-align:top}
@media(max-width:600px){#history-filter label{min-width:120px}.history-bar{grid-template-columns:90px minmax(50px,1fr) 100px;gap:6px;font-size:12px}.history-bar small{display:none}#page-history .metrics{grid-template-columns:1fr}#page-history h1{font-size:26px}}
#page-history {padding:28px clamp(16px,4vw,48px)}
#page-history .panel {padding:20px}
#page-history .panel h2 {margin-top:0}
#page-history a[target] {text-decoration:underline;text-underline-offset:3px}
#page-occupancy {padding:28px clamp(16px,4vw,48px)}
#page-occupancy .panel {padding:20px;min-width:0}
#page-occupancy .table-wrap {overflow:auto;max-height:520px}
#occupancy-filter {flex-wrap:wrap;align-items:end;gap:12px}
#occupancy-filter label {flex:1;min-width:135px}