/* A user-controlled map replay: the three snapshots correspond to the audit below. */
.history-replay-column{min-width:0}
.history-replay{--history-progress:0%;border:1px solid #bbcca22b;border-radius:8px;padding:14px 15px 12px;background:linear-gradient(145deg,#2339328c,#10202380);margin-bottom:21px;isolation:isolate}
.history-replay-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:600;letter-spacing:1.3px;color:#adc0ae;line-height:1.5}
.history-replay-time{font-size:16px;letter-spacing:1px;color:var(--gold,#dcbc80);font-variant-numeric:tabular-nums}
.history-replay-map{display:block;width:100%;height:auto;max-height:126px;margin:6px 0 0;overflow:visible}
.history-replay-map text{font-family:inherit}
.history-map-label{font-size:9px;letter-spacing:.6px;fill:#a9bda9}
.history-map-car-id{font-size:18px;font-weight:600;letter-spacing:1px;fill:#ebdfc4}
.history-map-state{font-size:8px;letter-spacing:.6px;fill:#c1cdb8}
.history-slot{fill:#dcbc801c;stroke:#dcbc80;stroke-width:1.3;transition:fill .4s ease,stroke .4s ease}
.history-route{stroke:#dcbc80;stroke-width:1.8;stroke-dasharray:305;stroke-dashoffset:305;opacity:0;transition:stroke-dashoffset .75s cubic-bezier(.2,.7,.3,1),opacity .25s ease}
.history-ghost{fill:none;stroke:#afc2a0;stroke-width:1.4;stroke-dasharray:3 3;opacity:0;transition:opacity .35s ease}
.history-parked-car{opacity:1;transition:opacity .2s ease}
.history-exit-car{opacity:0;transition:opacity .4s ease .35s}
.history-pdi-check{opacity:0;transition:opacity .25s ease}
.history-replay[data-snapshot="1"] .history-pdi-check{opacity:1}
.history-replay[data-snapshot="2"] .history-slot{fill:#a6c79b0a;stroke:#a6c79b80}
.history-replay[data-snapshot="2"] .history-route{stroke-dashoffset:0;opacity:.9}
.history-replay[data-snapshot="2"] .history-ghost,.history-replay[data-snapshot="2"] .history-exit-car{opacity:1}
.history-replay[data-snapshot="2"] .history-parked-car{opacity:0}
.history-replay-controls{margin-top:2px}
.history-replay-ticks{display:flex;justify-content:space-between;gap:8px}
.history-replay-ticks button{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;min-width:55px;padding:5px 6px;border:0;border-radius:4px;background:transparent;color:#b4c4b7;cursor:pointer;font:inherit;line-height:1.45;transition:background .2s ease,color .2s ease}
.history-replay-ticks button:first-child{align-items:flex-start}.history-replay-ticks button:last-child{align-items:flex-end}
.history-replay-ticks button span{font-size:12px;font-variant-numeric:tabular-nums}
.history-replay-ticks button small{font-size:10px}
.history-replay-ticks button:hover{background:#dcbc800d;color:#f2e6cf}
.history-replay-ticks button[aria-pressed="true"]{color:#eed098;background:#dcbc8010}
.history-replay-controls input[type="range"]{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;margin:0;height:24px;padding:0;border:0;border-radius:0;cursor:ew-resize;background:transparent;accent-color:#dcbc80}
.history-replay-controls input[type="range"]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#dcbc80 var(--history-progress),#ffffff22 var(--history-progress))}
.history-replay-controls input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:13px;width:13px;border-radius:50%;border:3px solid #dcbc80;background:#17262a;margin-top:-5px;box-shadow:0 0 0 4px #dcbc8017}
.history-replay-controls input[type="range"]::-moz-range-track{height:3px;border:0;border-radius:3px;background:#ffffff22}.history-replay-controls input[type="range"]::-moz-range-progress{height:3px;background:#dcbc80}.history-replay-controls input[type="range"]::-moz-range-thumb{height:9px;width:9px;border-radius:50%;border:3px solid #dcbc80;background:#17262a}
.history-replay :focus-visible{outline:2px solid #e9c88c;outline-offset:4px}
.history-replay .history-replay-status{font-size:11px;line-height:1.7;min-height:37px;margin:5px 0 5px;color:#d1dbc9;max-width:none}
.history-replay-note{display:block;font-size:8px;line-height:1.8;letter-spacing:.65px;color:#9fb39f}
.history-replay-column .audit-trail>div{transition:background .25s ease,box-shadow .25s ease;border-radius:4px}
.history-replay-column .audit-trail>div.history-event-current{background:#dcbc8009;box-shadow:-9px 0 0 #dcbc8009,9px 0 0 #dcbc8009}
.history-replay-column .history-event-current>time{color:#edce94}
.history-replay-column .history-event-current>i{box-shadow:0 0 0 5px #dcbc8019}
@media(max-width:1000px) and (min-width:581px){.history-replay{padding:12px}.history-replay-heading{font-size:8px;letter-spacing:.7px}.history-replay-ticks button small{font-size:9px}.history-replay .history-replay-status{font-size:10px}.history-replay-note{letter-spacing:.3px}}
@media(max-width:580px){.history-replay{margin-left:-10px;margin-right:-10px;padding:12px 11px}.history-replay-heading{font-size:8px;letter-spacing:.8px}.history-replay-map{margin-top:8px}.history-replay .history-replay-status{font-size:11px;min-height:39px}.history-replay-note{letter-spacing:.3px}.history-replay-ticks button{padding:4px;min-width:50px}.history-replay-ticks button small{font-size:9px}}
@media(max-width:370px){.history-replay-heading{font-size:7px;letter-spacing:.6px}.history-replay .history-replay-status{font-size:10px}}
.motion-paused .history-replay *,.motion-paused .history-replay-column .audit-trail>div{transition:none!important}
@media(prefers-reduced-motion:reduce){.history-replay *,.history-replay-column .audit-trail>div{transition:none!important}}
/* Larger vehicles and stable, finger-friendly timeline controls. */
.history-replay{padding:20px;border-radius:12px;background:linear-gradient(145deg,#213c348c,#102023bf);margin-bottom:24px}
.history-replay-heading{font-size:10px;line-height:1.7;letter-spacing:1px}.history-replay-time{font-size:22px;letter-spacing:.5px}
.history-replay-map{width:100%;height:auto;max-height:none;margin:18px 0 10px;border-radius:8px;background:#0b1e1e55;overflow:hidden}
.history-map-label{font-size:10px;letter-spacing:.7px}.history-map-car-id{font-size:22px;letter-spacing:.4px}.history-map-state{font-size:8px;letter-spacing:.35px}
.history-replay-ticks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.history-replay-ticks button,.history-replay-ticks button:first-child,.history-replay-ticks button:last-child{min-width:0;min-height:64px;align-items:center;padding:8px 4px;border:1px solid #a9bba71a;border-radius:7px;text-align:center;background:#0f242522}
.history-replay-ticks button span{font-size:14px;font-weight:500;line-height:1.4}.history-replay-ticks button small{font-size:11px;line-height:1.5;margin-top:4px}.history-replay-ticks button[aria-pressed="true"]{border-color:#dcbc8080;background:#dcbc8014;color:#f0d29b;box-shadow:inset 0 -2px 0 #dcbc80}
.history-replay-controls input[type="range"]{height:38px;margin-top:4px}.history-replay-controls input[type="range"]::-webkit-slider-thumb{height:18px;width:18px;margin-top:-7px;border-width:4px}.history-replay-controls input[type="range"]::-moz-range-thumb{height:11px;width:11px;border-width:4px}
.history-replay .history-replay-status{font-size:13px;line-height:1.75;min-height:46px;margin:5px 0 12px;color:#c6d8c4}.history-replay-note{font-size:9px;letter-spacing:.7px;line-height:1.8}
.history-replay-column .audit-caption{font-size:10px;line-height:1.7;letter-spacing:.6px}.history-replay-column .audit-trail p{font-size:12px;line-height:1.7}.history-replay-column .audit-trail time{font-size:11px}.history-replay-column .audit-trail small{font-size:11px;line-height:1.7}.history-replay-column .audit-trail p>span{font-size:10px}
@media(max-width:1100px) and (min-width:801px){.history-panel{grid-template-columns:.8fr 1.2fr;gap:6%;padding:29px}.history-replay{padding:16px}.history-replay-heading{font-size:9px}.history-replay-ticks button small{font-size:10px}.history-replay .history-replay-status{font-size:12px}}
@media(max-width:800px){.history-panel{grid-template-columns:1fr;gap:30px;padding:30px}.history-panel>div>p{font-size:14px;max-width:580px}.history-panel h3{font-size:32px}.history-replay{padding:22px}.history-replay-column{width:100%;max-width:620px;margin:auto}.history-replay-ticks button small{font-size:12px}.history-replay .history-replay-status{font-size:13px;min-height:46px}}
@media(max-width:580px){.history-panel{padding:25px}.history-replay{padding:16px;margin-left:-8px;margin-right:-8px}.history-replay-heading{font-size:9px;letter-spacing:.7px}.history-replay-time{font-size:20px}.history-replay-map{margin-top:15px;margin-bottom:12px}.history-replay-ticks{gap:5px}.history-replay-ticks button,.history-replay-ticks button:first-child,.history-replay-ticks button:last-child{padding:8px 2px;min-height:65px}.history-replay-ticks button span{font-size:13px}.history-replay-ticks button small{font-size:10px}.history-replay .history-replay-status{font-size:12px;min-height:63px;line-height:1.8}.history-replay-note{font-size:8px;letter-spacing:.5px}.history-replay-column .audit-caption{font-size:9px}.history-replay-column .audit-trail p{font-size:12px}.history-replay-column .audit-trail small{font-size:10px}}
@media(max-width:370px){.history-panel{padding:21px}.history-replay{padding:12px}.history-replay-heading{font-size:8px;letter-spacing:.45px}.history-replay-ticks button small{font-size:9px}.history-replay .history-replay-status{font-size:11px}.history-replay-note{font-size:7.5px}.history-replay-column .audit-trail p{font-size:11px}}