#live-map{border-radius:8px;width:100%;height:500px;box-shadow:0 2px 8px #0000001a}@media (width>=768px){#live-map{height:600px}}.bus-marker{background:0 0;border:none}.bus-icon{background:#3b82f6;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:transform .3s;display:flex;box-shadow:0 2px 8px #0000004d}.bus-icon:hover{transform:scale(1.2)}.bus-popup{min-width:150px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}.bus-popup strong{color:#1e40af;font-size:16px}.live-status{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;display:flex}.live-status.offline{background:#fef2f2;border-color:#fca5a5}.live-indicator{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}.live-status.offline .live-indicator{background:#ef4444;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.map-info-overlay{z-index:1000;background:#fff;border-radius:8px;padding:12px 16px;font-size:14px;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000026}.map-info-overlay .label{color:#6b7280;font-size:12px}.map-info-overlay .value{color:#111827;font-weight:500}.leaflet-control-zoom{border:none!important;box-shadow:0 2px 8px #00000026!important}.leaflet-control-zoom a{color:#374151!important;background:#fff!important;border:none!important}.leaflet-control-zoom a:hover{background:#f3f4f6!important}.leaflet-control-attribution{font-size:11px;background:#fffc!important}