.station-history { min-width:0; }
.station-history [hidden] { display:none!important; }
.station-history-controls { display:flex; flex-wrap:wrap; gap:16px; margin:20px 0 16px; }
.station-history-controls label { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:700; }
.station-history-controls select { min-height:44px; padding:8px 12px; border:1px solid var(--border,#dde5e7); border-radius:8px; background:#fff; color:var(--text,#172f38); font:inherit; }
.station-history-fuels { display:flex; flex-wrap:wrap; gap:8px; border:0; margin:0; padding:0; }
.station-history-fuels legend { font-size:12px; color:var(--muted,#62727a); margin-bottom:8px; }
.station-history-fuels label { display:flex; align-items:center; gap:6px; min-height:44px; padding:6px 10px; border:1px solid var(--border,#dde5e7); border-radius:8px; font-size:12px; cursor:pointer; }
.station-history-fuels input { width:16px; height:16px; flex:none; margin:0; }
.station-history-swatch { width:16px; height:4px; border-radius:2px; flex:none; }
.station-history-status { font-size:12px; color:var(--muted,#62727a); }
.station-history-plot { position:relative; width:100%; height:300px; touch-action:pan-y; }
.station-history-tooltip { position:absolute; z-index:2; max-width:min(260px,100%); box-sizing:border-box; padding:9px 12px; border:2px solid; border-radius:8px; background:#fff; color:#172f38; font-size:12px; line-height:1.5; box-shadow:0 3px 12px #172f3820; pointer-events:none; }
.station-history-plot:focus-visible { outline:2px solid #14677a; outline-offset:3px; border-radius:8px; }
.station-history-plot svg { display:block; width:100%; height:300px; overflow:hidden; }
.station-history-readout { display:flex; flex-wrap:wrap; gap:8px 16px; min-height:56px; padding:12px; margin-top:8px; background:#f0f6f5; border-radius:10px; font-size:12px; }
.station-history-readout strong { flex-basis:100%; }
.station-history-table { margin-top:18px; }
.station-history-table summary { min-height:44px; padding:10px 0; cursor:pointer; font-weight:700; font-size:13px; }
.station-history-table-scroll { overflow-x:auto; max-height:360px; }
.station-history-table table { border-collapse:collapse; width:100%; font-size:12px; }
.station-history-table th,.station-history-table td { padding:10px; border-bottom:1px solid #dde5e7; text-align:right; white-space:nowrap; }
.station-history-table caption { text-align:left; padding:8px; color:#62727a; }
@media(max-width:420px) { .station-history-controls { gap:10px; } .station-history-controls label { flex-wrap:wrap; } }