.rides-section{flex-direction:column;gap:14px;padding-top:4px;display:flex}.rides-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rides-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--card-tint);color:var(--ink-muted);margin:0;padding:18px 16px;font-size:13px;line-height:1.5}.rides-empty em{font-family:var(--font-body);color:var(--ink-2);margin-right:4px;font-style:normal;font-weight:600}.ride-card{text-align:left;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);width:100%;min-height:0;color:var(--ink);cursor:pointer;letter-spacing:-.005em;box-shadow:var(--shadow-soft);flex-direction:column;gap:12px;padding:14px 16px 14px 20px;font-weight:400;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.ride-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lift);transform:translateY(-1px)}.ride-card.ride-card-selected{border-color:var(--accent-strong);box-shadow:0 0 0 5px #0000000a, var(--shadow-lift)}.ride-card-accent{background:var(--sage);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.ride-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ride-card-head-left{align-items:center;gap:12px;min-width:0;display:flex}.ride-code{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-muted);background:var(--card-tint);border:1px solid var(--line);text-transform:uppercase;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:500;line-height:1}.ride-vehicle{font-family:var(--font-body);letter-spacing:-.015em;color:var(--ink);font-size:1.5rem;font-weight:600;line-height:1.05}.ride-card-head-right{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.ride-stage-kicker{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--sage);font-size:10px;font-weight:600}.ride-elapsed{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:0;font-size:13px}.ride-stage{color:var(--ink-2);letter-spacing:-.005em;align-items:center;gap:7px;font-size:13px;display:inline-flex}.ride-stage-dot{background:var(--sage);border-radius:999px;width:7px;height:7px}@keyframes stage-pulse{0%,to{box-shadow:0 0 0 2px #5fb7782e}50%{box-shadow:0 0 0 4px #4381552e}}.ride-trip{grid-template-columns:16px 1fr;align-items:stretch;gap:10px;display:grid}.ride-trip-line{flex-direction:column;align-items:center;width:14px;padding-top:4px;padding-bottom:4px;display:flex;position:relative}.ride-trip-dot{border-radius:999px;flex:none;width:9px;height:9px}.ride-trip-dot-from{background:var(--card);border:2px solid var(--ink)}.ride-trip-dot-to{background:var(--ink);position:relative}.ride-trip-dot-to:after{content:"";border:1px solid var(--ink);opacity:.25;border-radius:999px;position:absolute;inset:-4px}.ride-trip-leg{background:repeating-linear-gradient(to bottom, var(--ink-faint) 0, var(--ink-faint) 3px, transparent 3px, transparent 6px);flex:1 1 0;width:1px;margin:3px 0}.ride-trip-labels{color:var(--ink);flex-direction:column;justify-content:space-between;gap:10px;font-size:13px;line-height:1.3;display:flex}.ride-trip-from{color:var(--ink)}.ride-card-ride_started .ride-trip-from,.ride-card-arrived_at_destination .ride-trip-from{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);color:var(--ink-muted)}.ride-trip-to{color:var(--ink-2);font-weight:700}.ride-card-driver_assigned .ride-trip-to{color:var(--ink-muted);font-weight:400}.ride-card-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.ride-vehicle-chip{align-items:center;gap:8px;min-width:0;display:inline-flex}.ride-vehicle-number{background:var(--ink);width:30px;height:30px;color:var(--paper);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0;box-shadow:var(--shadow-marker);border-radius:50%;place-items:center;font-size:12px;font-weight:500;display:inline-grid}.ride-vehicle-name{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.ride-remaining{color:var(--ink-muted);align-items:baseline;gap:6px;font-size:12px;display:inline-flex}.ride-remaining-label{letter-spacing:.02em}.ride-remaining-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:13px}
.vehicles-section{flex-direction:column;gap:14px;display:flex}.vehicle-group{flex-direction:column;gap:8px;display:flex}.vehicle-group-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.vehicle-group-head h3{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);align-items:baseline;gap:8px;margin:0;font-size:11px;font-weight:600;display:inline-flex}.vehicle-group-head h3 em{font-family:var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink-faint);font-size:12px;font-style:italic;font-weight:400}.vehicle-group-count{font-family:var(--font-mono);color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px}.vehicle-group-empty{color:var(--ink-faint);border:1px dashed var(--line);border-radius:var(--radius-sm);background:0 0;margin:0;padding:12px 14px;font-size:12px}.vehicle-rows{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.vehicle-row{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--ink);cursor:pointer;letter-spacing:-.005em;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:10px 14px;font-weight:400;transition:background .14s,border-color .14s;display:grid;position:relative}.vehicle-row:hover{background:var(--card-tint);border-color:var(--line)}.vehicle-row-selected{background:var(--card);border-color:var(--ink-faint);box-shadow:0 0 0 3px #00000008, var(--shadow-soft)}.vehicle-row-body{flex-direction:column;gap:3px;min-width:0;display:flex}.vehicle-row-head{align-items:center;gap:10px;display:inline-flex}.vehicle-row-number{font-family:var(--font-body);color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:1}.vehicle-row-meta{color:var(--ink-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.vehicle-status-dot{background:var(--status-stale);border-radius:999px;flex:none;width:7px;height:7px}.vehicle-status-available{background:var(--status-available)}.vehicle-status-busy{background:var(--status-busy)}.vehicle-status-paused{background:var(--status-paused)}.vehicle-status-offline{background:var(--status-stale)}.vehicle-status-label{letter-spacing:0}.vehicle-row-separator{color:var(--ink-faint)}.vehicle-row-update{font-variant-numeric:tabular-nums}
.sidebar{flex-direction:column;grid-area:sidebar;min-height:0;display:flex;position:relative}.sidebar:before{content:"";background:linear-gradient(to bottom, transparent, var(--line) 12%, var(--line) 88%, transparent);width:1px;position:absolute;top:0;bottom:0;right:0}.sidebar-rides-header{flex:none;padding:6px 4px 12px 26px}.sidebar-scroll{flex-direction:column;flex:1 1 0;gap:26px;min-height:0;padding:0 22px;display:flex;overflow-y:auto}.sidebar-footer{color:var(--ink-faint);border-top:1px dashed var(--line);flex:none;align-items:center;gap:10px;margin-top:12px;margin-left:26px;padding:14px 22px 18px 0;font-size:11px;display:flex}.sidebar-footer-mark{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:0;font-size:12px;font-style:italic;font-weight:500}.sidebar-footer-text{letter-spacing:0;font-size:11px}@media (max-width:960px){.sidebar{padding:0 14px}.sidebar:before{display:none}.sidebar-scroll{padding-right:0;overflow:visible}.sidebar-footer{padding-right:0}}
.map-marker{cursor:pointer;transform-origin:50%;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;transition:transform .18s,filter .18s;display:grid;position:relative}.map-marker:focus-visible{outline:none}.map-marker:focus-visible .map-marker-body{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink), var(--shadow-marker)}.map-marker:hover{z-index:5;transform:translateY(-1px)scale(1.05)}.map-marker-offline{opacity:.65}.map-marker-offline:hover,.map-marker-offline.map-marker-selected,.map-marker-offline.map-marker-on-ride{opacity:1}.map-marker-body{border-radius:50%;place-items:center;width:40px;height:40px;transition:background .18s,box-shadow .18s;display:grid;position:relative}.map-marker-idle .map-marker-body{background:var(--card);border:2px solid var(--ink-2);box-shadow:0 2px 4px #16140f38,0 10px 14px #16140f38}.map-marker-on-ride .map-marker-body{background:var(--ink-2);box-shadow:0 5px 10px #16140f33,0 10px 20px #3d6b4a59}.map-marker-on-ride .map-marker-body:before{content:"";border:8px solid var(--sage);z-index:-1;opacity:.6;pointer-events:none;border-radius:50%;animation:1.8s ease-out infinite map-marker-pulse;position:absolute;inset:-4px}@keyframes map-marker-pulse{0%{opacity:.55;transform:scale(.8)}80%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}.map-marker-number{letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;line-height:1}.map-marker-idle .map-marker-number{color:var(--ink)}.map-marker-on-ride .map-marker-number{color:#fff;font-weight:700}.map-marker-heading{pointer-events:none;transform-origin:50%;transition:transform .32s;position:absolute;inset:0}.map-marker-heading:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:10px solid var(--ink-2);filter:drop-shadow(0 1px 1px #00000040);width:0;height:0;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.map-marker-offline .map-marker-heading{display:none}.map-marker-indicator{border:2px solid var(--paper);border-radius:999px;width:14px;height:14px;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 2px #16140f40}.map-marker-indicator-online{background:var(--sage)}.map-marker-indicator-paused{background:var(--ochre)}.map-marker-indicator-offline{background:var(--terracotta)}.map-marker-selected{z-index:10}.map-marker-selected:before{content:"";background-color:var(--sage);box-shadow:0 0 10px 0 var(--sage);opacity:.5;pointer-events:none;border-radius:999px;position:absolute;inset:-8px}
.route-marker{background:var(--ink);border:3px solid #fff;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 1px 2px #14141447,0 6px 14px #14141438}.route-marker:after{content:"";background:#fff;width:6px;height:6px}.route-marker-pickup{background:var(--accent-strong);border-radius:50%}.route-marker-pickup:after{border-radius:50%}.route-marker-destination{background:var(--ink);border-radius:7px}.route-marker-destination:after{border-radius:2px}
.fleet-map{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);width:100%;height:100%;box-shadow:var(--shadow-soft);isolation:isolate;position:relative;overflow:hidden}.fleet-map-canvas{background:var(--card);width:100%;height:100%}.map-legend{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--ink-2);letter-spacing:.02em;z-index:10;border-radius:999px;align-items:center;gap:14px;padding:8px 14px;font-size:11px;display:inline-flex;position:absolute;bottom:16px;left:16px}.map-legend-title em{font-family:var(--font-display);color:var(--ink-muted);margin-right:2px;font-size:12px;font-style:italic;font-weight:500}.map-legend-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.map-legend-chip{border:1.5px solid var(--paper);border-radius:50%;width:14px;height:14px}.map-legend-chip-on-ride{background:var(--ink-2);box-shadow:0 0 0 1px #16140f33,0 2px 4px #3d6b4a4d}.map-legend-chip-idle{background:var(--card);box-shadow:0 0 0 1px #16140f38,0 2px 4px #16140f24}.map-legend-dot{background:var(--ink-faint);border-radius:50%;width:9px;height:9px}.map-legend-dot-online{background:var(--sage)}.map-legend-dot-paused{background:var(--ochre)}.map-legend-dot-offline{background:var(--ink-soft)}.map-legend-divider{background:var(--line-strong);width:1px;height:14px}.map-legend-halo{border:1.5px solid var(--terracotta);border-radius:50%;width:10px;height:10px;position:relative}.map-legend-halo:after{content:"";border:1px solid var(--terracotta);opacity:.4;border-radius:999px;position:absolute;inset:-3px}@media (max-width:600px){.map-legend{border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;gap:10px;bottom:12px;left:12px;right:12px}}
.dispatcher-shell{background:var(--paper);grid-template:"topbar topbar""sidebar map"minmax(0,1fr)/420px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.dispatcher-shell-state{background:var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.dispatcher-shell-state-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--card);width:min(440px,100%);box-shadow:var(--shadow-lift);gap:14px;padding:32px;display:grid}.dispatcher-shell-state-card h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:500}.dispatcher-shell-state-card p{color:var(--ink-muted);margin:0;line-height:1.55}.dispatcher-shell-state-logo{width:116px;height:auto}.map-stage{grid-area:map;min-width:0;min-height:0;padding:14px 18px 18px;position:relative}.dispatcher-sync-banner{z-index:3;border:1px solid var(--terracotta-soft);max-width:min(540px,100% - 32px);color:var(--terracotta);box-shadow:var(--shadow-soft);background:#f7e2def0;border-radius:999px;padding:9px 14px;font-size:12px;line-height:1.4;position:absolute;top:20px;left:50%;transform:translate(-50%)}@media (max-width:1100px){.dispatcher-shell{grid-template-columns:380px minmax(0,1fr)}}@media (max-width:960px){.dispatcher-shell{grid-template:"topbar""sidebar""map"minmax(420px,70vh)/1fr;height:auto;overflow:auto}.map-stage{padding:0 14px 14px}}