/* FlottenPortal Live UX · v0.43.93 */
.live-toolbar{
    position:relative;
    z-index:650;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
    padding:0 2px;
}
.live-toolbar-copy{display:flex;flex-direction:column;gap:3px}
.live-toolbar-copy strong{font-size:15px;color:#0f172a}
.live-toolbar-copy span{font-size:12px;color:#64748b}
.live-filter-menu{position:relative}
.live-filter-menu summary{
    list-style:none;
    min-height:40px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 14px;
    border:1px solid #cbd5e1;
    border-radius:12px;
    background:#fff;
    color:#0f172a;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 6px 20px rgba(15,23,42,.05);
}
.live-filter-menu summary::-webkit-details-marker{display:none}
.live-filter-menu summary::before{content:"☰";font-size:14px;color:#64748b}
.live-filter-menu[open] summary{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.10)}
.live-filter-popover{
    position:absolute;
    top:calc(100% + 9px);
    right:0;
    width:290px;
    padding:15px;
    border:1px solid #dbe3ee;
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 42px rgba(15,23,42,.15);
}
.live-control-toggle,.live-control-field{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:13px;
    font-weight:700;
    color:#334155;
}
.live-control-toggle{cursor:pointer;padding:7px 0}
.live-control-toggle input{width:17px;height:17px;margin:0}
.live-control-field{align-items:flex-start;flex-direction:column;padding:8px 0 10px}
.live-control-field select{
    width:100%;
    border:1px solid #cbd5e1;
    border-radius:9px;
    background:#fff;
    color:#0f172a;
    padding:8px 30px 8px 10px;
    font:inherit;
    font-weight:600;
}
.today-route-label{
    background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:3px 7px;
    box-shadow:0 2px 8px rgba(15,23,42,.10);font-size:11px;font-weight:800;white-space:nowrap
}

/* Live-Flotte */
.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(360px,.72fr) !important;gap:16px !important}
.map-card,.fleet-card{min-height:660px !important}
#map{height:660px !important}
.fleet-card{border-radius:18px !important}
.fleet-head{align-items:flex-start !important;padding:15px !important;gap:10px !important}
.fleet-head .search{max-width:190px !important;border-radius:10px !important}
.vehicle-list{max-height:600px !important}
.vehicle-row{
    position:relative;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:12px !important;
    padding:12px 14px !important;
    min-height:76px;
    transition:background .14s ease,box-shadow .14s ease;
}
.vehicle-row:hover{background:#f8fbff !important;box-shadow:inset 3px 0 0 #2563eb}
.vehicle-main{display:flex;align-items:center;gap:11px;min-width:0}
.vehicle-avatar-media{
    width:64px !important;height:48px !important;min-width:64px !important;border-radius:11px !important;
    border:1px solid #e2e8f0;background:#f8fafc !important
}
.vehicle-avatar-media img{object-fit:cover !important}
.vehicle-copy{min-width:0}
.vehicle-name{gap:6px !important;font-size:14px !important}
.vehicle-meta,.vehicle-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vehicle-address{margin-top:4px;color:#64748b;font-size:11px}
.vehicle-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px}
.vehicle-trip-link{
    display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 9px;
    border:1px solid #dbe3ee;border-radius:8px;background:#fff;color:#2563eb;text-decoration:none;
    font-size:10px;font-weight:900
}
.vehicle-trip-link:hover{background:#eff6ff;border-color:#bfdbfe}

/* Marker: Fahrzeugbild statt Statuspunkt. */
.fleet-marker-photo{
    position:relative;width:48px;height:48px;border-radius:14px;border:3px solid #fff;
    overflow:visible;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.28)
}
.fleet-marker-photo .fleet-marker-media{
    width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:11px;
    background:#eef2f7;color:#334155;font-size:20px;font-weight:900
}
.fleet-marker-photo img{width:100%;height:100%;object-fit:cover;display:block}
.fleet-marker-photo .fleet-marker-status{
    position:absolute;right:-4px;bottom:-4px;width:13px;height:13px;border-radius:50%;border:2px solid #fff;
    box-shadow:0 1px 4px rgba(15,23,42,.25)
}
.fleet-marker-status.status-moving{background:#16a34a}
.fleet-marker-status.status-stopped{background:#64748b}
.fleet-marker-status.status-stale{background:#dc2626}
.fleet-marker-status.status-missing{background:#f59e0b}
.popup-action{
    display:inline-flex;margin-top:9px;padding:7px 10px;border-radius:8px;background:#2563eb;color:#fff !important;
    text-decoration:none;font-weight:800;font-size:12px
}

@media(max-width:1000px){
    .dashboard-grid{grid-template-columns:1fr !important}
    .map-card,#map{height:520px !important;min-height:520px !important}
    .fleet-card{min-height:0 !important}
    .vehicle-list{max-height:480px !important}
}
@media(max-width:640px){
    .live-toolbar{align-items:flex-start}
    .live-toolbar-copy span{display:none}
    .live-filter-popover{position:fixed;left:16px;right:16px;top:auto;width:auto}
    .fleet-head{flex-direction:column !important}
    .fleet-head .search{max-width:none !important;width:100%}
    .vehicle-row{grid-template-columns:minmax(0,1fr) !important}
    .vehicle-right{align-items:flex-start;flex-direction:row;justify-content:space-between}
}

/* FlottenPortal Live Statusfilter + aktuelle Fahrroute · v0.43.95 */
.live-stat-filter{
    appearance:none;
    width:100%;
    border:1px solid var(--line);
    text-align:left;
    font:inherit;
    color:inherit;
    cursor:pointer;
    transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.live-stat-filter:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 10px 26px rgba(15,23,42,.07)}
.live-stat-filter.active{border-color:#60a5fa;background:#eff6ff;box-shadow:0 0 0 3px rgba(59,130,246,.10)}
.live-stat-filter.active .stat-label{color:#1d4ed8}
.current-live-route{stroke-linecap:round;stroke-linejoin:round}

/* FlottenPortal Live Tagesroute pro Fahrzeug · v0.43.97 */
.live-day-route-point{display:block;width:14px;height:14px;border:3px solid #fff;border-radius:50%;box-sizing:border-box;box-shadow:0 2px 7px rgba(15,23,42,.28)}
.live-day-route-point.start{background:#16a34a}
.live-day-route-point.end{background:#ef4444}

/* FlottenPortal Live GPS-Tagesroute auf bestehender Live-Karte · v0.43.98 */
.live-route-selection{
    position:absolute;
    z-index:700;
    left:16px;
    bottom:18px;
    display:flex;
    align-items:center;
    gap:14px;
    max-width:min(620px,calc(100% - 32px));
    padding:10px 12px 10px 14px;
    border:1px solid rgba(148,163,184,.45);
    border-radius:14px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 30px rgba(15,23,42,.14);
    backdrop-filter:blur(8px);
}
.live-route-selection.hidden{display:none!important}
.live-route-selection>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.live-route-selection strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#0f172a}
.live-route-selection span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#64748b}
.live-route-selection button{flex:0 0 auto;min-height:34px;border:1px solid #cbd5e1;border-radius:9px;padding:0 10px;background:#fff;color:#334155;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.live-route-selection button:hover{background:#f8fafc}
.day-live-route{stroke:#2563eb;filter:drop-shadow(0 1px 1px rgba(255,255,255,.7))}
@media(max-width:640px){
    .live-route-selection{right:12px;left:12px;bottom:12px;max-width:none;align-items:flex-start}
    .live-route-selection>div{flex:1}
}

/* FlottenPortal Live Feinschliff · v0.44.03 */
.fleet-head{border-bottom:1px solid #e8edf4}
.fleet-head>div strong{font-size:16px;color:#0f172a}
.fleet-head .muted.small{margin-top:3px}
.vehicle-row{cursor:pointer;border-left:3px solid transparent!important}
.vehicle-row.selected{background:#eff6ff!important;border-left-color:#2563eb!important;box-shadow:inset 0 0 0 1px #bfdbfe}
.vehicle-row.status-stale:not(.selected){background:#fffaf5!important;border-left-color:#f59e0b!important}
.vehicle-row.status-moving:not(.selected){border-left-color:#22c55e!important}
.vehicle-name{min-width:0;flex-wrap:wrap}
.vehicle-name>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vehicle-plate{padding:2px 6px;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:800;white-space:nowrap}
.vehicle-meta{margin-top:3px!important;font-size:11px!important;font-weight:700;color:#475569!important}
.vehicle-row.status-moving .vehicle-meta{color:#15803d!important}
.vehicle-row.status-stale .vehicle-meta{color:#b45309!important}
.vehicle-right{min-width:72px}
.live-age-label{font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}
.vehicle-right .age{font-size:10px;font-weight:700;color:#475569}
.vehicle-trip-link{margin-top:2px}
.popup-subtitle{margin:-3px 0 8px;color:#64748b;font-size:11px;font-weight:700}
.popup-hint{margin-top:8px;padding-top:7px;border-top:1px solid #e2e8f0;color:#64748b;font-size:10px;line-height:1.35}
.live-route-selection{border-color:#bfdbfe;background:rgba(255,255,255,.97)}
.live-route-selection strong::before{content:"Route · ";color:#2563eb}

@media(max-width:640px){
  .vehicle-plate{display:none}
  .vehicle-right{min-width:0}
}

/* FlottenPortal Live Farbbalance · v0.44.04
   Status bleibt erkennbar, aber nicht mehr als vollflächige Signalfarbe. */
.vehicle-row.status-stopped,
.vehicle-row.status-missing{
    background:#fff !important;
}
.vehicle-row.status-moving{
    background:#f7fbf8 !important;
    border-left-color:#86b894 !important;
}
.vehicle-row.status-stale{
    background:#fffaf5 !important;
    border-left-color:#d7b56d !important;
}
.vehicle-row.selected{
    background:#f5f8fd !important;
    border-left-color:#7fa7df !important;
    box-shadow:inset 0 0 0 1px #dbe6f5 !important;
}
.vehicle-row.status-moving.selected{
    background:#f4f9f6 !important;
    border-left-color:#77a986 !important;
    box-shadow:inset 0 0 0 1px #dcebe1 !important;
}
.vehicle-row.status-stale.selected{
    background:#fff9f2 !important;
    border-left-color:#c9a45e !important;
    box-shadow:inset 0 0 0 1px #f0e2c7 !important;
}
.vehicle-row:hover{
    background:#f8fafc !important;
    box-shadow:inset 2px 0 0 #a7b8cc !important;
}
.vehicle-row.status-moving .vehicle-meta{
    color:#587361 !important;
}
.vehicle-row.status-stale .vehicle-meta{
    color:#806b48 !important;
}
.vehicle-row .vehicle-name,
.vehicle-row .vehicle-right,
.vehicle-row .age{
    color:#1f2937 !important;
}

/* FlottenPortal Live Abschlussrunde · v0.44.05 */
.popup-live-status{
    display:flex;
    align-items:center;
    gap:7px;
    margin:6px 0 10px;
    padding:7px 9px;
    border:1px solid #e2e8f0;
    border-radius:9px;
    background:#f8fafc;
    color:#334155;
    font-size:11px;
}
.popup-live-status strong{font-size:11px;color:#0f172a}
.popup-live-status>span:last-child{margin-left:auto;color:#475569;font-weight:800}
.popup-compact-grid{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:5px 12px;
    max-width:270px;
    font-size:11px;
}
.popup-compact-grid span{color:#64748b}
.popup-compact-grid strong{min-width:0;color:#1f2937;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.popup-action{background:#fff!important;color:#2563eb!important;border:1px solid #cbd5e1!important}
.popup-action:hover{background:#f8fafc!important;border-color:#93c5fd!important}

.live-route-selection{
    gap:12px;
    padding:10px 11px 10px 13px;
    border-color:#d6e2f1!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
}
.live-route-selection>div{gap:1px}
.live-route-kicker{
    display:block;
    margin:0 0 1px;
    color:#64748b;
    font-size:8px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.live-route-selection strong::before{content:none!important}
.live-route-selection strong{font-size:13px!important}
.live-route-selection button{background:#f8fafc!important;border-color:#d7e0eb!important}
.live-route-selection button:hover{background:#f1f5f9!important}

@media(max-width:1000px){
    .dashboard-grid{gap:14px!important}
    .map-card,#map{height:500px!important;min-height:500px!important}
    .fleet-card{min-height:0!important}
    .vehicle-list{max-height:520px!important}
}

@media(max-width:640px){
    main{padding-left:12px!important;padding-right:12px!important}
    .live-toolbar{margin-bottom:12px}
    .stats{gap:8px!important;margin-bottom:12px!important}
    .live-stat-filter{padding:12px!important;border-radius:13px!important}
    .live-stat-filter .stat-label{font-size:11px}
    .live-stat-filter .stat-number{margin-top:4px;font-size:22px}
    .live-stat-filter .stat-small{font-size:10px}
    .map-card,#map{height:410px!important;min-height:410px!important}
    .map-badge{top:10px!important;left:48px!important;padding:7px 9px!important}
    .map-badge strong{font-size:12px}
    .map-badge span{font-size:10px}
    .fleet-head{padding:13px!important}
    .vehicle-list{max-height:none!important}
    .vehicle-row{min-height:68px!important;padding:10px 12px!important}
    .vehicle-avatar-media{width:54px!important;height:42px!important;min-width:54px!important}
    .vehicle-address{max-width:none!important}
    .live-route-selection{right:10px!important;left:10px!important;bottom:10px!important;padding:9px 10px!important}
    .live-route-selection button{min-height:32px!important;padding:0 8px!important}
}

@media(max-width:430px){
    .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .live-route-selection{flex-wrap:wrap}
    .live-route-selection>div{flex:1 1 190px}
    .live-route-selection button{margin-left:auto}
}


/* FlottenPortal Live Popup Feinschliff · v0.44.06 */
.leaflet-popup-content-wrapper{border-radius:12px}
.leaflet-popup-content{margin:11px 13px!important;min-width:225px;max-width:285px;width:auto!important}
.popup-title{margin:0 22px 3px 0!important;font-size:15px!important;line-height:1.2!important;font-weight:800!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.popup-subtitle{margin:0 0 6px!important;font-size:10px!important;line-height:1.25!important}
.popup-live-status{margin:5px 0 8px!important;padding:6px 8px!important;font-size:10px!important;line-height:1.2!important}
.popup-live-status strong{font-size:10px!important}
.popup-compact-grid{grid-template-columns:92px minmax(0,1fr)!important;gap:4px 9px!important;max-width:none!important;font-size:10px!important;line-height:1.3!important}
.popup-compact-grid span{white-space:nowrap}
.popup-compact-grid strong{font-size:10px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word}
.popup-value-driver{color:#0f172a!important}
.popup-value-wrap{display:block}
.popup-action{margin-top:8px!important;padding:6px 9px!important;font-size:11px!important}
@media(max-width:640px){.leaflet-popup-content{min-width:205px;max-width:250px}.popup-compact-grid{grid-template-columns:84px minmax(0,1fr)!important}}

.live-map-fullscreen{position:absolute;z-index:650;top:14px;right:14px;min-height:34px;padding:0 11px;border:1px solid #cbd5e1;border-radius:10px;background:rgba(255,255,255,.96);color:#334155;font:inherit;font-size:11px;font-weight:850;box-shadow:0 4px 14px rgba(15,23,42,.08);cursor:pointer}
.map-card:fullscreen,.map-card.live-map-fullscreen-fallback{background:#fff;padding:0!important}
.map-card:fullscreen #map,.map-card.live-map-fullscreen-fallback #map{width:100%!important;height:100vh!important;min-height:100vh!important}
.map-card.live-map-fullscreen-fallback{position:fixed!important;inset:0!important;z-index:9999!important;width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important}
.live-long-stop-icon{background:transparent!important;border:0!important}.live-long-stop-icon span{display:flex;width:20px;height:20px;align-items:center;justify-content:center;border:3px solid #fff;border-radius:50%;background:#f59e0b;color:#fff;font-size:8px;box-shadow:0 2px 8px rgba(15,23,42,.28)}
@media(max-width:720px){.live-map-fullscreen{top:10px;right:10px;min-height:32px;padding:0 9px;font-size:10px}}

/* Route colors per vehicle · v0.44.33-dev.11 */
.vehicle-list-row{
    border-left:4px solid var(--vehicle-route-color, transparent);
}
.vehicle-list-name{
    display:flex;
    align-items:center;
    gap:8px;
}
.vehicle-route-dot{
    width:10px;
    height:10px;
    flex:0 0 10px;
    border-radius:50%;
    background:var(--vehicle-route-color, #64748b);
    box-shadow:0 0 0 2px #fff, 0 0 0 3px rgba(15,23,42,.12);
}
.current-live-route.day-live-route{
    filter:drop-shadow(0 1px 1px rgba(15,23,42,.28));
}

/* GPS-basierte Stopppunkte · v0.44.33-dev.14 */
.live-long-stop-icon{
    background:transparent!important;
    border:0!important;
}
.live-long-stop-icon span{
    display:flex;
    width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    border:3px solid #fff;
    border-radius:50%;
    background:#dc2626;
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:900;
    box-shadow:0 2px 8px rgba(15,23,42,.32);
}


/* Live-Statuskacheln + Stopppunkte auf Gesamtkarte · v0.44.33-dev.15 */
.stats[aria-label="Live-Statusfilter"]{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box;
}

.stats[aria-label="Live-Statusfilter"] > .live-stat-filter{
    width:100%!important;
    min-width:0!important;
}

@media(max-width:700px){
    .stats[aria-label="Live-Statusfilter"]{
        grid-template-columns:1fr!important;
    }
}


/* Map-first Live-UX · v0.44.33-dev.16 */
.live-stat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    max-width:none!important;
    margin-bottom:16px!important;
}
.live-stat-grid .live-stat-filter{
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    min-height:112px!important;
    padding:18px 20px!important;
    text-align:left!important;
    border:1px solid #dbe4f0!important;
    border-radius:16px!important;
    box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.live-stat-grid .live-stat-filter:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
}
.live-stat-grid .live-stat-filter.active{
    border-color:#93b4ff!important;
    box-shadow:0 0 0 2px rgba(66,112,255,.12),0 10px 26px rgba(15,23,42,.06)!important;
}
.live-stat-all{background:linear-gradient(135deg,#f7fbff 0%,#eef5ff 100%)!important}
.live-stat-moving{background:linear-gradient(135deg,#fbfffb 0%,#effaf1 100%)!important}
.live-stat-today{background:linear-gradient(135deg,#fffdf8 0%,#fff6e7 100%)!important}
.live-stat-icon{
    display:grid;
    place-items:center;
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:50%;
}
.live-stat-icon svg{width:28px;height:28px}
.live-stat-all .live-stat-icon{background:#e4efff;color:#2563eb}
.live-stat-moving .live-stat-icon{background:#e3f7e8;color:#16a34a}
.live-stat-today .live-stat-icon{background:#fff0cf;color:#f59e0b}
.live-stat-copy{display:flex;min-width:0;flex-direction:column}
.live-stat-grid .stat-label{display:block;font-size:13px!important;color:#64748b!important}
.live-stat-grid .stat-number{display:block;margin-top:2px!important;font-size:28px!important;line-height:1.05!important;color:#0f172a!important}
.live-stat-grid .stat-small{display:block;margin-top:6px!important;font-size:12px!important;color:#64748b!important}

.live-map-layout{
    display:block!important;
    width:100%!important;
}
.live-map-card{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    height:clamp(680px,72vh,900px)!important;
    overflow:hidden!important;
    padding:0!important;
    border-radius:18px!important;
}
.live-map-card #map{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    border-radius:18px!important;
}
.live-map-actions{
    position:absolute;
    z-index:660;
    top:14px;
    right:14px;
    display:flex;
    align-items:center;
    gap:8px;
}
.live-map-actions .live-map-fullscreen{
    position:static!important;
}
.live-map-vehicles,
.live-map-actions .live-map-fullscreen{
    min-height:38px!important;
    padding:0 13px!important;
    border:1px solid #d5deea!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.97)!important;
    color:#1e293b!important;
    font:inherit!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:0 6px 18px rgba(15,23,42,.10)!important;
    cursor:pointer;
}
.live-map-vehicles{display:flex;align-items:center;gap:7px}
.live-map-vehicles span{font-size:15px}

.live-vehicle-drawer{
    position:absolute!important;
    z-index:900;
    top:0;
    right:0;
    bottom:0;
    width:min(430px,92vw);
    min-height:0!important;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    margin:0!important;
    border:0!important;
    border-left:1px solid #dbe4f0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:-18px 0 42px rgba(15,23,42,.16)!important;
    transform:translateX(104%);
    opacity:0;
    pointer-events:none;
    transition:transform .24s ease,opacity .18s ease;
}
.live-vehicle-drawer.open{
    transform:translateX(0);
    opacity:1;
    pointer-events:auto;
}
.live-drawer-backdrop{
    position:absolute;
    z-index:880;
    inset:0;
    display:none;
    border:0;
    padding:0;
    background:rgba(15,23,42,.10);
    cursor:default;
}
.live-drawer-backdrop.open{display:block}
.live-drawer-head{
    flex:0 0 auto;
    padding:20px 18px 12px!important;
    border-bottom:0!important;
}
.live-drawer-head>div>strong{font-size:18px}
.live-drawer-close{
    display:grid;
    place-items:center;
    flex:0 0 36px;
    width:36px;
    height:36px;
    padding:0;
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#fff;
    color:#475569;
    font-size:24px;
    line-height:1;
    cursor:pointer;
}
.live-drawer-search{
    flex:0 0 auto;
    padding:0 18px 14px;
    border-bottom:1px solid #e8edf4;
}
.live-drawer-search .search{width:100%!important}
.live-vehicle-drawer .vehicle-list{
    flex:1 1 auto;
    min-height:0;
    overflow:auto!important;
}
.live-vehicle-drawer .vehicle-row{
    border-radius:0!important;
}
.live-map-card:fullscreen .live-vehicle-drawer,
.live-map-card.live-map-fullscreen-fallback .live-vehicle-drawer{
    height:100%!important;
}

@media(max-width:900px){
    .live-stat-grid{
        grid-template-columns:1fr!important;
    }
    .live-stat-grid .live-stat-filter{
        min-height:90px!important;
    }
    .live-map-card{
        height:72vh!important;
        min-height:560px!important;
    }
}
@media(max-width:640px){
    .live-map-card{
        height:76vh!important;
        min-height:520px!important;
        border-radius:14px!important;
    }
    .live-map-card #map{border-radius:14px!important}
    .live-map-actions{top:10px;right:10px}
    .live-map-vehicles,
    .live-map-actions .live-map-fullscreen{
        min-height:34px!important;
        padding:0 9px!important;
        font-size:10px!important;
    }
    .live-vehicle-drawer{
        width:calc(100% - 18px);
    }
}