.interactive-map-panel{background:#fff;border:1px solid #d8e1cf;border-radius:22px;overflow:hidden;position:relative}.map-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;gap:10px}.map-heading b{display:block;font-size:14px}.map-heading small{display:block;margin-top:5px;font-size:10px;color:#67776e}.taxi-live-map{height:390px;background:#e8eee0;z-index:0}.map-loading{padding:30px;line-height:1.7;color:#52695c;font-size:13px}.map-tools{display:flex;gap:8px;padding:0 17px 12px;flex-wrap:wrap}.map-tools button{background:#f1f5e9;border:1px solid #e0e7d5;border-radius:18px;color:#315b45;font-size:10px;min-height:32px;padding:7px 11px}.map-tools button[aria-pressed=true]{background:#f9efdb;color:#8d642c}.map-legend{display:flex;flex-wrap:wrap;gap:10px;padding:13px 18px 6px;font-size:9px;color:#65745e}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--marker-color,#7d9f51)}.legend-available{--marker-color:#4f843b}.legend-pickup{--marker-color:#c38b29}.legend-riding{--marker-color:#39758b}.legend-unavailable{--marker-color:#b09476}.legend-offline{--marker-color:#8a8f90}.map-summary{font-size:10px;line-height:1.6;padding:6px 18px 14px;color:#6c7c63;min-height:34px}.taxi-marker{border:2px solid #fff;background:#e5f2b0;border-radius:50%;box-shadow:0 2px 8px #153e353d;color:#264e38;display:grid;place-items:center}.taxi-marker svg{width:27px;height:27px}.taxi-pickup{background:#f3d697;color:#825c19}.taxi-riding{background:#c0dfe9;color:#265c6f}.taxi-unavailable{background:#e3d9c9;color:#8e765a}.taxi-offline{background:#dce0e1;color:#697778;border-style:dashed;opacity:.8}.leaflet-marker-icon.taxi-marker{transition:transform .9s linear}.leaflet-tooltip{font-family:inherit;line-height:1.7;color:#284c37;border-radius:9px;font-size:11px}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:9px!important;line-height:1.6!important;max-width:100%}.leaflet-control-attribution a{color:#285843}.tile-warning{background:#fff1d5;color:#805b27;font-size:11px;line-height:1.6;padding:10px 17px}.tile-warning[hidden]{display:none}.fleet-section{margin-top:28px}.fleet-filters{display:flex;align-items:end;gap:16px;margin:20px 0 17px}.fleet-filters label{font-size:11px;font-weight:600;min-width:200px}.fleet-filters select{display:block;margin-top:8px}.scope-note{font-size:12px;color:#62725b;line-height:1.7;margin:0;flex:1}.fleet-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:20px;align-items:start}.fleet-map-column{min-width:0}.fleet-map-column .taxi-live-map{height:445px}.fleet-details{padding:21px}.fleet-details .sub{font-size:12px}.fleet-details .driver-row{margin:15px 0}.fleet-details .driver-avatar{width:38px;height:38px;font-size:12px}.fleet-details .driver-row b{font-size:12px}.fleet-details .driver-row small{font-size:10px}.taxi-detail-status{font-size:12px;font-weight:600;margin:10px 0 5px}.taxi-last-seen{font-size:11px;line-height:1.7;color:#6b7b62;margin:0 0 12px}.fleet-map-list{margin-top:20px;border-top:1px solid #e6ebdf}.map-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-bottom:1px solid #edf0e8;background:#fff;padding:14px 0;text-align:left;color:#244a37}.map-list-row b{font-size:11px;display:block}.map-list-row small{font-size:9px;color:#7b8774;display:block;margin-top:5px}.map-list-row:hover{background:#f7f9f1}.map-list-row:focus-visible{outline-offset:-2px}.map-state{font-size:9px;border-radius:12px;padding:5px 8px;white-space:nowrap;background:#edf4df;color:#4d713e}.state-offline{background:#ecefef;color:#707b7b}.state-pickup{background:#fcf0d5;color:#966c27}.state-riding{background:#e6f1f5;color:#356d82}.state-unavailable{background:#f4eee5;color:#8c775b}.empty-map-list{font-size:12px;line-height:1.8;color:#6b7b62;padding:12px 0}.role-nav{max-width:calc(100% - 36px)}
@media(max-width:860px){.fleet-workspace{grid-template-columns:1fr}.fleet-map-column .taxi-live-map{height:390px}.fleet-details{padding:22px}}@media(max-width:680px){.taxi-live-map{height:270px}.map-heading{padding:13px 15px}.map-heading small{font-size:9px}.map-heading b{font-size:13px}.map-tools{padding:0 13px 10px}.map-tools button{font-size:10px;min-height:34px}.map-legend{gap:8px;padding:10px 12px 5px;font-size:8px}.map-summary{padding:5px 12px 11px;font-size:9px}.fleet-section{margin-top:22px}.fleet-filters{align-items:stretch;flex-direction:column;gap:12px}.fleet-filters label{min-width:0}.fleet-map-column .taxi-live-map{height:340px}.fleet-workspace{display:flex;flex-direction:column;gap:14px}.fleet-map-column,.fleet-details{width:100%}.fleet-details .driver-row b{font-size:14px}.map-list-row{min-height:55px}.map-list-row b{font-size:12px}.map-list-row small{font-size:10px}.role-nav{width:calc(100% - 36px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.role-nav button{padding:10px 4px;font-size:11px}.taxi-live-map .leaflet-control-attribution{font-size:8px!important}.scope-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.leaflet-marker-icon.taxi-marker{transition:none}}