.tracking-panel{background:#fff;border:1px solid #d5e0ec;border-radius:12px;overflow:hidden;margin-bottom:22px}.tracking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;flex-wrap:wrap}#vehicle-live-map{height:clamp(360px,52vh,640px);width:100%;z-index:0;background:#e8eef3}.tracking-legend{display:flex;gap:22px;flex-wrap:wrap;padding:14px 20px;font-size:13px;color:#52677d}.tracking-legend>span{display:flex;align-items:center;gap:7px}.tracking-dot{width:12px;height:12px;border-radius:50%;background:#176c50;display:inline-block}.tracking-dot.stale{background:#bd7400}.tracking-empty,.tracking-map-error{padding:12px 20px;margin:0;background:#edf3fa}.tracking-map-error{background:#fff2d8}.tracking-panel [hidden]{display:none}.vehicle-map-label{font:600 12px/1.4 system-ui,sans-serif;white-space:nowrap;max-width:none}.tracking-panel .leaflet-popup-content{line-height:1.7}.tracking-panel .leaflet-control-attribution{font-size:11px}.tracking-panel .leaflet-control-zoom a{color:#174878}.tracking-toolbar button{flex-shrink:0}@media(max-width:640px){.tracking-toolbar{padding:12px}.tracking-toolbar strong{font-size:13px}.tracking-legend{gap:12px;padding:12px}#vehicle-live-map{height:400px}}