.history-explorer{display:grid;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:20px 0}
.history-explorer>.panel{min-width:0;margin:0}.history-explorer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:17px 20px;border-bottom:1px solid var(--line)}
.history-explorer-head h3{margin:0}.history-explorer-head label{font-size:11px;color:var(--muted);max-width:100%;min-width:180px;flex:1;margin:0}.history-explorer-head select{display:block;width:100%;padding:8px;margin-top:5px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:6px}
.history-explorer #history-map{flex:1 0 365px;min-height:365px;height:auto;border-radius:0}.history-explorer .history-map-panel{display:flex;flex-direction:column;padding:0;overflow:hidden}.history-map-panel>.history-explorer-head,.history-map-panel>.help{flex-shrink:0}.history-map-legend{padding:12px 18px}.history-explorer #history-empty{padding:10px 18px}
.history-timeline-panel>p,.history-timeline-panel>.drawer-actions,.history-chart-navigator{margin:12px 18px}.history-timeline-panel>.help{font-size:11px}.history-timeline-panel .drawer-actions{flex-wrap:wrap}
#history-chart{display:block;width:100%;height:260px;touch-action:pan-y;outline-offset:-3px}#history-chart:focus-visible{outline:2px solid #007e80}.timeline-label{font:11px RGTechText,"Segoe UI",sans-serif;fill:#596f7d}.timeline-grid{stroke:#e2e9ee;stroke-width:1}.timeline-line{fill:none;stroke:#007e80;stroke-width:2;stroke-linejoin:round}.timeline-single,.timeline-dot{fill:#007e80;stroke:white;stroke-width:2}.timeline-crosshair{stroke:#426aab;stroke-width:1;stroke-dasharray:4 3}.timeline-empty{font:13px RGTechText,"Segoe UI",sans-serif;fill:#627482}
.history-chart-readout{min-height:50px;background:#edf7f7;border:1px solid #d3e9e7;color:#164f59;border-radius:6px;padding:10px;font-size:12px;overflow-wrap:anywhere}.history-chart-navigator{display:block;font-size:11px;color:var(--muted)}.history-chart-navigator input{display:block;width:100%;accent-color:#007e80;padding:0;margin:8px 0}
.history-stops-panel{margin:18px 0}.history-stops-panel>.help{padding:12px 20px}.history-stops-panel td{vertical-align:top}.history-stop-label.leaflet-tooltip{background:transparent;border:0;box-shadow:none;color:#74440c;font-weight:700;font-size:10px;padding:0;pointer-events:none}.history-stop-label.leaflet-tooltip:before{display:none}
@media(max-width:840px){.history-explorer{grid-template-columns:1fr}.history-explorer #history-map{flex:none;min-height:0;height:340px}}
@media(max-width:720px){.history-explorer-head{padding:14px}.history-explorer #history-map{height:290px}.history-stops-panel .table-wrap{overflow-x:auto}.history-stops-panel table{min-width:640px}.history-explorer-head label{min-width:100%}}

#history-readings-content[hidden]{display:none}

.history-recenter-control button{display:block;min-height:34px;padding:6px 11px;background:#fff;color:#164f59;border:0;border-radius:3px;font:600 12px RGTechText,"Segoe UI",sans-serif;cursor:pointer}.history-recenter-control button:hover{background:#edf7f7}.history-recenter-control button:focus-visible{outline:3px solid #007e80;outline-offset:2px}

.history-possible-heading{margin:20px 20px 0;color:#74440c}

#view-history>.history-filters{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:16px}
#view-history>.history-filters>label{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;grid-column:span 3}
#view-history>.history-filters>label:nth-of-type(5),#view-history>.history-filters>label:nth-of-type(6){grid-column:span 5}
#view-history>.history-filters>label>input,#view-history>.history-filters>label>select{box-sizing:border-box;width:100%;height:40px;min-height:40px;min-width:0;margin:0;padding:8px 12px}
#view-history>.history-filters>#history-load{grid-column:span 2;height:40px;margin:0}
@media(max-width:720px){#view-history>.history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#view-history>.history-filters>label,#view-history>.history-filters>label:nth-of-type(5),#view-history>.history-filters>label:nth-of-type(6){grid-column:span 1}#view-history>.history-filters>#history-load{grid-column:1/-1}}
@media(max-width:480px){#view-history>.history-filters{grid-template-columns:minmax(0,1fr)}}