html:has(.sc-ui-preview) .live-map-driver-control{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:var(--surface-2);border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}html:has(.sc-ui-preview) .live-map-driver-control select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:34px;color:var(--ink);cursor:pointer;border-radius:7px;padding:0 28px 0 9px;font-size:12.5px;font-weight:650}html:has(.sc-ui-preview) .live-map-driver-control select:hover{border-color:var(--accent)}html:has(.sc-ui-preview) .live-map-driver-control select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:1px}html:has(.sc-ui-preview) .live-map-driver-control select:disabled{cursor:wait;opacity:.68}html:has(.sc-ui-preview) .live-map-driver-status{min-height:13px;color:var(--mute);font-size:9.5px;line-height:1.3}html:has(.sc-ui-preview) .live-map-driver-status.error{color:var(--warn)}@media (min-width:721px) and (max-width:1024px) and (max-height:600px) and (hover:none) and (pointer:coarse){html:has(.sc-ui-preview) .sc-map-shell .history-options-expanded .sheet-location.location-highlight{display:grid!important}html:has(.sc-ui-preview) .crew-page{grid-template-rows:minmax(180px,32vh) minmax(0,1fr);grid-template-columns:1fr;height:calc(100vh - 112px)}html:has(.sc-ui-preview) .crew-list-pane{border-right:none;border-bottom:1px solid var(--border)}html:has(.sc-ui-preview) .kpi-row{grid-template-columns:1fr 1fr}html:has(.sc-ui-preview) .crew-detail{padding:18px 16px}html:has(.sc-ui-preview) .vehicle-details-page{padding:12px}html:has(.sc-ui-preview) .vehicle-details-heading{margin:8px 4px 18px}html:has(.sc-ui-preview) .vehicle-details-heading h1{font-size:24px}html:has(.sc-ui-preview) .vehicle-details-grid{grid-template-columns:minmax(0,1fr);gap:12px}html:has(.sc-ui-preview) .vehicle-details-card{padding:18px}html:has(.sc-ui-preview) .vehicle-details-card .sc-btn{width:100%}html:has(.sc-ui-preview) .route-playback-meta{flex-wrap:wrap}html:has(.sc-ui-preview) .sc-map-shell .route-playback-meta .route-playback-current{flex-basis:100%}html:has(.sc-ui-preview) .playback-time{font-size:14px;font-weight:650}html:has(.sc-ui-preview) .route-playback-meta .playback-motion{padding:2px 5px;font-size:10px}html:has(.sc-ui-preview){--sidebar-width:0px;--mobile-bottom-safe-area:env(safe-area-inset-bottom,0px);--mobile-nav-height:calc(50px + var(--mobile-bottom-safe-area))}html:has(.sc-ui-preview) body:has(.sc-main){padding-bottom:var(--mobile-nav-height)}html:has(.sc-ui-preview) body:has(.sc-customer-shell){padding-bottom:0}html:has(.sc-ui-preview) .sc-auth-page{padding-top:max(2rem, env(safe-area-inset-top));align-items:flex-start}html:has(.sc-ui-preview) .sc-auth-page input{min-height:44px;font-size:16px}html:has(.sc-ui-preview) .sc-main{min-height:calc(100dvh - var(--mobile-nav-height));margin-left:0}html:has(.sc-ui-preview) .sc-sidebar{width:100%;height:var(--mobile-nav-height);border-right:none;border-top:1px solid var(--border);inset:auto 0 0}:is(html:has(.sc-ui-preview) .sc-sidebar-brand,html:has(.sc-ui-preview) .sc-company-switcher,html:has(.sc-ui-preview) .sc-sidebar-user,html:has(.sc-ui-preview) .sc-nav-section){display:none}html:has(.sc-ui-preview) .sc-sidebar-nav{scrollbar-width:none;gap:4px;padding:7px 8px;display:flex;overflow:auto hidden}html:has(.sc-ui-preview) .sc-sidebar-nav::-webkit-scrollbar{display:none}html:has(.sc-ui-preview) .sc-sidebar-nav>div:not(.sc-nav-section){display:contents}html:has(.sc-ui-preview) .sc-sidebar-nav>.sc-nav-section{display:none}html:has(.sc-ui-preview) .sc-nav-link{text-align:center;flex-direction:column;flex:0 0 68px;justify-content:center;gap:3px;height:50px;padding:5px 4px;font-size:10.5px;line-height:1.1}html:has(.sc-ui-preview) .sc-nav-link svg{width:17px;height:17px}html:has(.sc-ui-preview) .sc-topbar{min-height:48px;padding:8px 12px;position:sticky;top:0}html:has(.sc-ui-preview) .sc-mobile-account{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}html:has(.sc-ui-preview) .sc-mobile-account select{border:1px solid var(--border);background:var(--surface-2);width:min(38vw,148px);height:44px;color:var(--ink);text-overflow:ellipsis;border-radius:9px;padding:0 28px 0 10px;font-size:12px;font-weight:600}html:has(.sc-ui-preview) .sc-mobile-account button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--mute);border-radius:9px;flex-shrink:0;place-items:center;display:grid}html:has(.sc-ui-preview) .sc-mobile-account button svg{width:18px;height:18px}html:has(.sc-ui-preview) .sc-crumbs{font-size:12px}html:has(.sc-ui-preview) .sc-topbar .sc-iconbtn{margin-left:auto}html:has(.sc-ui-preview) .page-hd{align-items:flex-start;gap:10px}html:has(.sc-ui-preview) .page-hd .actions{width:100%;padding-bottom:2px;overflow-x:auto}html:has(.sc-ui-preview) .page-hd .actions .sc-btn{flex-shrink:0}html:has(.sc-ui-preview) .sc-page-pad{padding:14px 12px 18px}html:has(.sc-ui-preview) .sc-search{width:100%;flex-basis:100%!important;min-width:0!important}html:has(.sc-ui-preview) .pillrow{padding-left:12px;padding-right:12px;overflow-x:auto}html:has(.sc-ui-preview) .pillrow .chip{flex-shrink:0}html:has(.sc-ui-preview) .fleet-toolbar{width:100%;min-width:0}html:has(.sc-ui-preview) .fleet-filter-pills{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-width:0;display:grid;overflow:visible;gap:5px!important}html:has(.sc-ui-preview) .fleet-filter-pills .chip{white-space:nowrap;justify-content:center;min-width:0;min-height:44px;font-size:11.5px;padding:0 4px!important}html:has(.sc-ui-preview) .fleet-table{width:100%;min-width:0;max-width:100%;display:block}html:has(.sc-ui-preview) .fleet-table-scroll{width:100%;min-width:0;max-width:100%;display:block}html:has(.sc-ui-preview) .fleet-table table{width:100%;min-width:0;max-width:100%;display:block}html:has(.sc-ui-preview) .fleet-table tbody{width:100%;min-width:0;max-width:100%;display:block}html:has(.sc-ui-preview) .fleet-table-scroll{overflow:visible}:is(html:has(.sc-ui-preview) .fleet-table colgroup,html:has(.sc-ui-preview) .fleet-table thead){display:none}html:has(.sc-ui-preview) .fleet-select-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"vehicle vehicle""status ping""driver driver";gap:8px 10px;width:100%;min-width:0;padding:12px;display:grid}html:has(.sc-ui-preview) .fleet-select-row>td{min-width:0;display:none;padding:0!important}html:has(.sc-ui-preview) .fleet-select-row>td:first-child{grid-area:vehicle;display:block}html:has(.sc-ui-preview) .fleet-select-row>td:nth-child(2){grid-area:driver;display:block}html:has(.sc-ui-preview) .fleet-select-row>td:nth-child(4){grid-area:status;align-items:center;display:flex}html:has(.sc-ui-preview) .fleet-select-row>td:nth-child(7){white-space:nowrap;grid-area:ping;justify-content:flex-end;align-items:center;display:flex}html:has(.sc-ui-preview) .fleet-select-row>td:nth-child(7):before{content:"Updated ";color:var(--mute-2);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;margin-right:4px;font-size:10px;font-weight:700}html:has(.sc-ui-preview) .fleet-mobile-disclosure{border:1px solid var(--border);background:var(--surface-2);width:44px;height:44px;color:var(--mute);border-radius:12px;flex:0 0 44px;place-items:center;display:grid}html:has(.sc-ui-preview) .fleet-mobile-disclosure svg{width:18px;height:18px;transition:transform .18s}html:has(.sc-ui-preview) .fleet-mobile-disclosure.open svg{transform:rotate(180deg)}:is(html:has(.sc-ui-preview) .fleet-driver-cell,html:has(.sc-ui-preview) .fleet-driver-button){width:100%;min-width:0}html:has(.sc-ui-preview) .fleet-driver-button{border-color:var(--border);background:var(--surface-2);border-radius:10px;min-height:44px;padding:6px 10px}html:has(.sc-ui-preview) .fleet-driver-menu{width:min(320px,100vw - 48px)}html:has(.sc-ui-preview) .fleet-dropdown-row{width:100%;min-width:0;max-width:100%;display:block}html:has(.sc-ui-preview) .fleet-dropdown-row>td{width:100%;min-width:0;max-width:100%;display:block}html:has(.sc-ui-preview) .fleet-dropdown-panel{width:auto;max-width:100%;margin:8px}html:has(.sc-ui-preview) .fleet-drop-title{flex-direction:column;align-items:flex-start}html:has(.sc-ui-preview) .fleet-drop-chips{justify-content:flex-start}html:has(.sc-ui-preview) .fleet-drop-hd .close{border-radius:10px;width:44px;height:44px}html:has(.sc-ui-preview) .fleet-drop-body{padding:10px}:is(html:has(.sc-ui-preview) .fleet-drop-summary,html:has(.sc-ui-preview) .fleet-drop-layout){grid-template-columns:1fr}html:has(.sc-ui-preview) .fleet-drop-kv{grid-template-columns:minmax(78px,30%) minmax(0,1fr)}:is(html:has(.sc-ui-preview) .fleet-drop-kv strong,html:has(.sc-ui-preview) .fleet-drop-section p){overflow-wrap:anywhere;word-break:break-word;max-width:100%}html:has(.sc-ui-preview) .sc-livemap{grid-template-rows:minmax(180px,38vh) minmax(0,1fr);grid-template-columns:1fr;height:calc(100vh - 112px)}html:has(.sc-ui-preview) .sc-livemap.collapsed{grid-template-rows:0 minmax(0,1fr);grid-template-columns:1fr}html:has(.sc-ui-preview) .sc-list{border-right:none;border-bottom:1px solid var(--border)}html:has(.sc-ui-preview) .sheet{width:calc(100% - 24px)}html:has(.sc-ui-preview) .vehicle-sheet-options-toggle{border:0;border-top:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--mute);cursor:pointer;font:inherit;text-align:left;align-items:center;gap:8px;padding:0 12px;display:flex}html:has(.sc-ui-preview) .vehicle-sheet-options-toggle span{min-width:0;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:650;overflow:hidden}html:has(.sc-ui-preview) .vehicle-sheet-options-toggle strong{color:var(--accent);font-size:11.5px;font-weight:700}html:has(.sc-ui-preview) .vehicle-sheet-options-toggle svg{flex-shrink:0;width:16px;height:16px;transition:transform .18s}html:has(.sc-ui-preview) .vehicle-sheet.history-options-expanded .vehicle-sheet-options-toggle svg{transform:rotate(180deg)}html:has(.sc-ui-preview) .vehicle-sheet.history-options-collapsed .sheet-body{display:none}html:has(.sc-ui-preview) .sc-livemap.customer{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;height:100dvh}html:has(.sc-ui-preview) .sc-livemap.customer.collapsed{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;height:100dvh}html:has(.sc-ui-preview) .sc-customer-bar{border-radius:14px;flex-wrap:wrap;gap:7px;width:calc(100% - 16px);min-height:0;padding:8px;top:8px}html:has(.sc-ui-preview) .sc-customer-brand{flex:170px}html:has(.sc-ui-preview) .sc-customer-actions .sc-btn{min-height:34px}html:has(.sc-ui-preview) .sc-customer-actions .sc-btn.ghost{padding:0 8px}html:has(.sc-ui-preview) .sc-customer-tabs{order:3;width:100%}html:has(.sc-ui-preview) .sc-customer-tabs button{flex:1;min-height:38px}html:has(.sc-ui-preview) .sc-livemap.customer .leaflet-top.leaflet-left{top:118px}html:has(.sc-ui-preview) .sheet.customer-sheet{border-radius:18px;width:auto;max-height:min(44vh,360px);inset:auto 8px 8px}html:has(.sc-ui-preview) .sheet.customer-sheet .sheet-hd{padding:11px 12px}html:has(.sc-ui-preview) .sheet.customer-sheet .sheet-body{padding:10px 12px 12px}html:has(.sc-ui-preview) .sc-livemap.customer .route-history-options button{height:44px}html:has(.sc-ui-preview) .sc-livemap.customer .route-playback-dial{width:auto;bottom:calc(min(44vh,360px) + 16px);left:8px;right:8px;transform:none}html:has(.sc-ui-preview) .sc-livemap.customer .sc-map-data-banner{top:126px;left:8px;right:8px}html:has(.sc-ui-preview) .sc-map-page{height:calc(100vh - 112px)}html:has(.sc-ui-preview) .sc-add-vehicle-body{grid-template-columns:1fr;padding:14px}html:has(.sc-ui-preview) .add-optional-grid{grid-template-columns:1fr}:is(html:has(.sc-ui-preview) .driver-select-row,html:has(.sc-ui-preview) .new-driver-card){grid-template-columns:1fr}html:has(.sc-ui-preview) .driver-select-row{grid-template-columns:auto minmax(0,1fr)}html:has(.sc-ui-preview) .driver-select-row .sc-btn{grid-column:1/-1;justify-self:start}html:has(.sc-ui-preview) .new-driver-card{grid-template-columns:1fr}html:has(.sc-ui-preview) .sc-add-vehicle-foot{flex-wrap:wrap}html:has(.sc-ui-preview) .sc-map-loading-steps{grid-template-columns:1fr}html:has(.sc-ui-preview) .sc-map-status-hud{grid-template-columns:repeat(2,minmax(0,1fr));bottom:12px;left:12px;right:12px}html:has(.sc-ui-preview) .sc-map-status-hud>div{min-width:0}html:has(.sc-ui-preview) .sc-map-data-banner{flex-wrap:wrap;max-width:none;top:54px;left:12px;right:12px;transform:none}html:has(.sc-ui-preview) .sc-map-data-banner span{white-space:normal;flex:180px}html:has(.sc-ui-preview) .sc-map-activity{top:12px;left:12px;right:12px}html:has(.sc-ui-preview) .sc-map-activity.with-panel{right:12px}html:has(.sc-ui-preview) .sc-map-side-panel{border-left:none;border-top:1px solid var(--border);border-radius:14px 14px 0 0;width:100%;max-height:min(72vh,560px);inset:auto 0 0}html:has(.sc-ui-preview) .sc-zones-page{flex-direction:column;height:auto;min-height:calc(100vh - 112px)}html:has(.sc-ui-preview) .sc-zones-panel{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:42vh}html:has(.sc-ui-preview) .sc-zones-map{min-height:52vh}html:has(.sc-ui-preview) .sc-trips-page{height:auto;min-height:calc(100vh - 112px)}html:has(.sc-ui-preview) .sc-trips-grid{grid-template-columns:1fr;padding:0 12px 16px}:is(html:has(.sc-ui-preview) .tl-header,html:has(.sc-ui-preview) .tl-controls){flex-wrap:wrap}html:has(.sc-ui-preview) .tl-date-strip{width:100%;overflow-x:auto}html:has(.sc-ui-preview) .kpi-row{grid-template-columns:1fr 1fr}html:has(.sc-ui-preview) .kpi-row.four{grid-template-columns:1fr 1fr}html:has(.sc-ui-preview) .sc-alerts-page{min-height:calc(100vh - 112px)}html:has(.sc-ui-preview) .sc-alerts-page>aside{border-bottom:1px solid var(--border);max-height:42vh;border-right:none!important}html:has(.sc-ui-preview) .sc-alerts-page>main{padding:16px!important}html:has(.sc-ui-preview) .sc-alert-detail-grid{grid-template-columns:1fr;gap:14px}html:has(.sc-ui-preview) .sc-settings-page{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 112px);overflow:visible}html:has(.sc-ui-preview) .sc-settings-page>aside{border-bottom:1px solid var(--border);gap:6px;display:flex;border-right:none!important;padding:10px 12px!important;overflow-x:auto!important}html:has(.sc-ui-preview) .sc-settings-page>aside h2{display:none}html:has(.sc-ui-preview) .sc-settings-page>aside nav{gap:6px;min-width:max-content;display:flex}html:has(.sc-ui-preview) .sc-settings-page>aside nav button{white-space:nowrap}html:has(.sc-ui-preview) .sc-settings-page>main{padding:16px 12px!important}html:has(.sc-ui-preview) .sc-report-stats{grid-template-columns:1fr}html:has(.sc-ui-preview) .report-toolbar{flex-direction:column;align-items:stretch}:is(html:has(.sc-ui-preview) .report-tabs,html:has(.sc-ui-preview) .report-filter-row){width:100%;overflow-x:auto}:is(html:has(.sc-ui-preview) .report-tabs button,html:has(.sc-ui-preview) .report-filter-row button){flex-shrink:0}html:has(.sc-ui-preview) .report-search{width:100%;margin-left:0}html:has(.sc-ui-preview) .report-utilized{grid-template-columns:1fr}html:has(.sc-ui-preview) .crew-detail-grid{grid-template-columns:1fr;gap:14px}html:has(.sc-ui-preview) .crew-hero{flex-wrap:wrap;align-items:flex-start}html:has(.sc-ui-preview) .crew-hero>div[style*=flex-shrink]{margin-left:0!important}html:has(.sc-ui-preview) .sc-card-hd{align-items:flex-start;gap:10px}html:has(.sc-ui-preview) .kv{grid-template-columns:1fr;gap:4px 0}html:has(.sc-ui-preview) .sc-btn{white-space:nowrap;max-width:100%}html:has(.sc-ui-preview) body:has(.sc-map-shell){height:100dvh;overflow:hidden}html:has(.sc-ui-preview) .sc-map-shell{height:calc(100dvh - var(--mobile-nav-height));min-height:0;overflow:hidden}html:has(.sc-ui-preview) .sc-map-shell .sc-topbar{z-index:700;flex:0 0 56px;min-height:56px;padding:6px 10px;position:relative}html:has(.sc-ui-preview) .sc-map-shell .sc-crumbs a{display:none}html:has(.sc-ui-preview) .sc-map-shell .sc-crumbs .sep{display:none}html:has(.sc-ui-preview) .sc-map-shell .sc-crumbs .now{color:var(--ink);font-size:14px;font-weight:700}html:has(.sc-ui-preview) .sc-map-shell .sc-mobile-account select{width:min(45vw,170px)}html:has(.sc-ui-preview) .sc-map-shell .sc-route-frame{flex:auto;min-height:0;overflow:hidden}html:has(.sc-ui-preview) .sc-map-shell .sc-livemap{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;height:100%}html:has(.sc-ui-preview) .sc-map-shell .sc-livemap.collapsed{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;height:100%}:is(html:has(.sc-ui-preview) .sc-map-shell .sc-list,html:has(.sc-ui-preview) .sc-map-shell .sc-map-expand,html:has(.sc-ui-preview) .sc-map-shell .sc-map-fullscreen,html:has(.sc-ui-preview) .sc-map-shell .sc-map-status-hud){display:none}html:has(.sc-ui-preview) .sc-map-shell .sc-mapwrap{width:100%;height:100%;min-height:0}html:has(.sc-ui-preview) .sc-map-shell .leaflet-container .leaflet-control-zoom a{width:44px;height:44px;line-height:44px}html:has(.sc-ui-preview) .sc-map-shell .leaflet-control-layers-toggle{background-position:50%;width:44px;height:44px}html:has(.sc-ui-preview) .sc-map-shell .leaflet-control-layers-expanded{max-width:calc(100vw - 80px);padding:4px 8px}html:has(.sc-ui-preview) .sc-map-shell .leaflet-control-layers-base label{min-height:44px}html:has(.sc-ui-preview) .sc-map-shell .leaflet-control-layers-base label span{min-height:44px}html:has(.sc-ui-preview) .sc-map-shell .leaflet-control-attribution{max-width:calc(100vw - 16px);font-size:8px!important}html:has(.sc-ui-preview) .sc-map-shell .sc-map-data-banner{flex-wrap:nowrap;width:auto;max-width:none;min-height:44px;padding:7px 9px;top:8px;left:64px;right:8px;transform:none}html:has(.sc-ui-preview) .sc-map-shell .sc-map-data-banner span{display:none}html:has(.sc-ui-preview) .sc-map-shell .sc-map-data-banner button{min-height:36px;margin-left:auto}html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays{z-index:560;pointer-events:none;flex-direction:column;gap:6px;max-height:calc(100% - 16px);display:flex;position:absolute;bottom:8px;left:8px;right:8px}html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays>*{pointer-events:auto}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet{border-radius:16px;order:1;width:100%;max-height:min(34dvh,288px);position:relative;inset:auto}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .sheet-hd{gap:8px;min-height:54px;padding:5px 8px 5px 12px}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .sheet-hd .chip{flex-shrink:0}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .vehicle-device-type{display:none}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .vehicle-device-type+.vehicle-freshness:before{display:none}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .vehicle-freshness{text-overflow:ellipsis;display:block;overflow:hidden}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .sheet-hd .close{border-radius:10px;width:44px;height:44px;margin-left:0}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .sheet-body{padding:8px}:is(html:has(.sc-ui-preview) .sc-map-shell .sheet-stats-grid,html:has(.sc-ui-preview) .sc-map-shell .sheet-desktop-actions,html:has(.sc-ui-preview) .sc-map-shell .sheet-location){display:none!important}html:has(.sc-ui-preview) .sc-map-shell .route-history-box{border-radius:10px;margin:0;padding:7px}html:has(.sc-ui-preview) .sc-map-shell .route-history-head{min-height:36px;margin-bottom:5px}html:has(.sc-ui-preview) .sc-map-shell .route-history-head button{min-height:44px;padding:0 4px}:is(html:has(.sc-ui-preview) .sc-map-shell .route-history-summary,html:has(.sc-ui-preview) .sc-map-shell .route-history-empty,html:has(.sc-ui-preview) .sc-map-shell .route-history-error){margin-bottom:6px;padding:6px 8px}html:has(.sc-ui-preview) .sc-map-shell .route-history-summary>span{display:none}html:has(.sc-ui-preview) .sc-map-shell .route-history-summary>span:first-of-type{display:block}html:has(.sc-ui-preview) .sc-map-shell .route-history-options{gap:5px}html:has(.sc-ui-preview) .sc-map-shell .route-history-options button{border-radius:9px;height:44px}html:has(.sc-ui-preview) .sc-map-shell .route-playback-dial{border-radius:14px;order:2;width:100%;padding:4px 6px 5px;position:relative;inset:auto;transform:none}html:has(.sc-ui-preview) .sc-map-shell .route-playback-message{min-height:58px;padding:8px 10px}html:has(.sc-ui-preview) .sc-map-shell .route-playback-message .route-playback-loading-copy>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}html:has(.sc-ui-preview) .sc-map-shell .route-playback-meta{gap:6px;min-height:28px;margin-bottom:0}html:has(.sc-ui-preview) .sc-map-shell .route-playback-meta div:first-child{flex-wrap:wrap;flex:auto;gap:3px 7px}html:has(.sc-ui-preview) .sc-map-shell .route-playback-coverage{text-overflow:ellipsis;max-width:46%;font-size:9px;overflow:hidden}html:has(.sc-ui-preview) .sc-map-shell .route-playback-zoom{display:none}html:has(.sc-ui-preview) .sc-map-shell .route-playback-zoom span{display:none}html:has(.sc-ui-preview) .sc-map-shell .route-playback-count{display:none}html:has(.sc-ui-preview) .sc-map-shell .route-playback-zoom button{border-radius:10px;width:44px;height:44px}html:has(.sc-ui-preview) .sc-map-shell .route-playback-controls{align-items:center;min-height:44px;display:grid}html:has(.sc-ui-preview) .sc-map-shell .route-playback-dial .replay-slider{box-sizing:content-box;background-clip:content-box;height:10px;padding:17px 0}html:has(.sc-ui-preview) .sc-map-shell .route-playback-dial .replay-slider::-webkit-slider-thumb{width:26px;height:26px;margin-top:-8px}html:has(.sc-ui-preview) .sc-map-shell .route-playback-dial .replay-slider::-moz-range-thumb{width:26px;height:26px}html:has(.sc-ui-preview) .sc-map-shell .route-playback-scale{margin-top:-2px;font-size:8.5px}html:has(.sc-ui-preview) .sc-livemap.customer .sc-map-overlays{right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:560;pointer-events:none;flex-direction:column;gap:6px;max-height:calc(100% - 16px);display:flex;position:absolute;left:8px}html:has(.sc-ui-preview) .sc-livemap.customer .sc-map-overlays>*{pointer-events:auto}html:has(.sc-ui-preview) .sc-livemap.customer .sheet.customer-sheet{order:1;width:100%;max-height:min(34dvh,288px);position:relative;inset:auto}html:has(.sc-ui-preview) .sc-livemap.customer .route-playback-dial{order:2;width:100%;padding:4px 6px 5px;position:relative;inset:auto;transform:none}html:has(.sc-ui-preview) .sc-livemap.customer .route-playback-meta{min-height:28px;margin-bottom:0}:is(html:has(.sc-ui-preview) .sc-livemap.customer .route-playback-zoom,html:has(.sc-ui-preview) .sc-livemap.customer .route-playback-count){display:none}html:has(.sc-ui-preview) .sc-livemap.customer .route-playback-controls{align-items:center;min-height:44px;display:grid}html:has(.sc-ui-preview) .sc-sidebar-nav{padding:2px max(8px, env(safe-area-inset-right)) calc(2px + var(--mobile-bottom-safe-area)) max(8px, env(safe-area-inset-left));justify-content:center;overflow:hidden}html:has(.sc-ui-preview) .sc-nav-link.sc-mobile-nav-hidden{display:none}html:has(.sc-ui-preview) .sc-nav-link.sc-mobile-nav-visible{flex:1 1 0;max-width:160px;height:46px}}@media (min-width:721px) and (max-width:1024px) and (max-height:600px) and (hover:none) and (pointer:coarse) and (display-mode:standalone){html:has(.sc-ui-preview){--mobile-bottom-safe-area:max(34px, env(safe-area-inset-bottom,0px))}}@media (min-width:721px) and (max-width:1024px) and (max-height:600px) and (hover:none) and (pointer:coarse){html:has(.sc-ui-preview) .sc-vehicle-shortcuts{justify-content:center;gap:8px;width:100%;display:flex;pointer-events:none!important}html:has(.sc-ui-preview) .sc-vehicle-shortcuts button{border:1px solid var(--border);min-width:0;max-width:100%;min-height:44px;box-shadow:var(--shadow-md);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;pointer-events:auto;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:650;display:inline-flex}html:has(.sc-ui-preview) .sc-vehicle-shortcuts button:has(+button){flex:1}html:has(.sc-ui-preview) .sc-vehicle-shortcuts button+button{flex:1}html:has(.sc-ui-preview) .sc-vehicle-shortcuts span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html:has(.sc-ui-preview) .sc-vehicle-shortcuts svg{flex-shrink:0;width:18px;height:18px}html:has(.sc-ui-preview) .sc-vehicle-shortcuts svg:last-child{fill:none;stroke:currentColor;stroke-width:2px;width:12px}html:has(.sc-ui-preview) .sc-vehicle-shortcuts button:hover{color:var(--accent);background:var(--accent-soft)}html:has(.sc-ui-preview) .sc-vehicle-shortcuts button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays:has(.vehicle-sheet){overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:16px;gap:0;overflow:auto}:is(html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays .vehicle-sheet,html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays .route-playback-dial){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-shrink:0}html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays .vehicle-sheet{max-height:none;overflow:visible}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .sheet-hd{border-bottom:0;gap:6px;min-height:48px;padding:2px 4px 2px 10px}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .sheet-hd .chip{padding:4px 7px;font-size:10px}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet-options-toggle{display:none}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .sheet-body{display:none}html:has(.sc-ui-preview) .sc-map-shell .mobile-history-ranges{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr)) 44px;gap:4px;padding:0 8px 5px;display:grid}html:has(.sc-ui-preview) .mobile-history-ranges button{background:var(--surface-2);min-width:0;min-height:44px;color:var(--ink-2);font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:9px;padding:0 4px;font-size:12px;font-weight:650}html:has(.sc-ui-preview) .mobile-history-ranges button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}html:has(.sc-ui-preview) .mobile-history-ranges .mobile-live-location{background:0 0;place-items:center;display:grid}html:has(.sc-ui-preview) .mobile-live-location svg{width:20px;height:20px}html:has(.sc-ui-preview) .mobile-history-ranges button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}html:has(.sc-ui-preview) .sc-map-shell .route-playback-dial{padding:4px 8px 0}html:has(.sc-ui-preview) .sc-map-shell .route-playback-meta{min-height:24px;margin:0}html:has(.sc-ui-preview) .sc-map-shell .route-playback-meta .route-playback-current{justify-content:space-between;gap:2px 6px}html:has(.sc-ui-preview) .sc-map-shell .route-playback-meta .playback-time{font-size:13px}html:has(.sc-ui-preview) .sc-map-shell .route-playback-meta .playback-motion{white-space:normal;font-size:10px}:is(html:has(.sc-ui-preview) .sc-map-shell .route-playback-coverage,html:has(.sc-ui-preview) .sc-map-shell .route-playback-scale){display:none}html:has(.sc-ui-preview) .sc-map-shell .mobile-playback-location{min-height:43px;color:var(--ink);flex-shrink:0;order:3;align-items:flex-start;gap:7px;padding:0 10px 8px;display:flex}html:has(.sc-ui-preview) .mobile-playback-location>svg{width:15px;height:18px;color:var(--accent);flex-shrink:0;margin-top:2px}html:has(.sc-ui-preview) .mobile-playback-location>div{min-width:0}html:has(.sc-ui-preview) .mobile-playback-location span{color:var(--mute);font-size:9px;line-height:1.3;display:block}html:has(.sc-ui-preview) .mobile-playback-location strong{overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.3;display:block}html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays.is-collapsed{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:flex-end;overflow:visible}html:has(.sc-ui-preview) .sc-livemap.customer .sc-map-overlays.is-collapsed{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:flex-end;overflow:visible}html:has(.sc-ui-preview) .sc-map-overlays.is-collapsed .sc-route-controls-restore{pointer-events:auto;flex-shrink:0;position:static}html:has(.sc-ui-preview) .sc-map-shell .vehicle-sheet .sheet-hd .route-controls-collapse{margin-left:0}html:has(.sc-ui-preview) .fleet-compact-details{gap:10px;padding:12px;display:grid}html:has(.sc-ui-preview) .fleet-compact-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}html:has(.sc-ui-preview) .fleet-compact-actions .sc-btn{justify-content:center;min-width:0;min-height:44px;padding:0 7px;font-size:11px}html:has(.sc-ui-preview) .fleet-driver-menu{width:100%}html:has(.sc-ui-preview) .fleet-driver-button>svg{flex-shrink:0;margin-left:auto}}@media (min-width:601px) and (max-width:1024px) and (max-height:600px) and (hover:none) and (pointer:coarse){html:has(.sc-ui-preview) .sc-map-shell .sc-topbar{flex-basis:48px;min-height:48px;padding-top:2px;padding-bottom:2px}html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays:has(.vehicle-sheet):not(.is-collapsed){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:0 6px;display:grid}html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays .vehicle-sheet{grid-area:1/1/span 2}html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays .route-playback-dial{grid-area:1/2;min-width:0}html:has(.sc-ui-preview) .sc-map-shell .sc-map-overlays .mobile-playback-location{grid-area:2/2;min-width:0}html:has(.sc-ui-preview) .sc-map-shell .mobile-history-ranges{border-bottom:0}}html:has(.sc-ui-preview) .route-playback-controls{grid-template-columns:50px minmax(0,1fr) 50px;gap:8px}html:has(.sc-ui-preview) .route-playback-step{color:#fff;width:50px;height:48px}html:has(.sc-ui-preview) .route-playback-step:before{background:#2563eb;border:1px solid #1d4ed8;border-radius:11px;inset:2px;box-shadow:0 2px 5px #2563eb2e}html:has(.sc-ui-preview) .route-playback-step svg{stroke-width:2.5px;width:18px;height:22px}html:has(.sc-ui-preview) .route-playback-step:not(:disabled):hover:before{background:#1d4ed8}html:has(.sc-ui-preview) .route-playback-step:not(:disabled):active:before{background:#1e40af}html:has(.sc-ui-preview) .route-playback-step:disabled{opacity:1;color:var(--mute);cursor:default}html:has(.sc-ui-preview) .route-playback-step:disabled:before{border:1px solid var(--border);box-shadow:none;background:0 0}html:has(.sc-ui-preview) .route-playback-step:disabled svg{opacity:.4}
.sc-livemap .sc-live-marker{width:30px;height:30px;position:relative}.sc-livemap .sc-live-marker.is-moving .veh-pin{background:#2563eb}.sc-livemap .sc-live-marker.was-moving .veh-pin{background:#64748b;border-color:#93c5fd}.sc-livemap .sc-road-preview-control{border-top:1px solid var(--border);flex-basis:100%;gap:6px;padding-top:8px;display:grid}.sc-livemap .sc-road-preview-control button{color:#1d4ed8;cursor:pointer;text-align:left;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;min-height:38px;padding:6px 10px}.sc-livemap .sc-road-preview-control a{color:var(--mute);font-size:10px}.sc-livemap .sc-live-marker.is-moving:before{content:"";pointer-events:none;border:3px solid #3b82f6;border-radius:50%;animation:1.8s ease-out infinite sc-movement-pulse;position:absolute;inset:-7px}.sc-livemap .sc-motion-direction{pointer-events:none;position:absolute;inset:-18px}.sc-livemap .sc-motion-direction:before{content:"";filter:drop-shadow(0 1px 2px #fff);border-bottom:13px solid #2563eb;border-left:7px solid #0000;border-right:7px solid #0000;position:absolute;top:-2px;left:calc(50% - 7px)}.sc-livemap .sc-motion-status{z-index:550;background:var(--surface);color:var(--ink);pointer-events:auto;border-radius:12px;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:6px 9px;max-width:min(340px,100% - 440px);padding:9px 13px;font-size:12px;display:flex;position:absolute;top:12px;left:64px;box-shadow:0 2px 12px #0002}.sc-livemap .sc-motion-status>span{background:#64748b;border-radius:50%;width:9px;height:9px}.sc-livemap .sc-motion-status[data-moving=true]>span{background:#2563eb;box-shadow:0 0 0 4px #2563eb22}.sc-livemap .sc-motion-status small{color:var(--mute);flex-basis:100%}@keyframes sc-movement-pulse{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.65)}}@media (prefers-reduced-motion:reduce){.sc-livemap .sc-live-marker.is-moving:before{opacity:.5;animation:none}}@media (max-width:720px),(max-width:1024px) and (max-height:600px) and (hover:none) and (pointer:coarse){.sc-livemap .sc-motion-status{flex-shrink:0;max-width:100%;position:relative;inset:auto}}.sc-delayed-controls{gap:8px;margin-top:8px;display:grid}.sc-delayed-controls button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;padding:9px 12px}[data-delayed-moving=true] .route-cursor-pin{background:#2563eb;box-shadow:0 0 0 9px #3b82f630}[data-delayed-moving=true] .route-cursor-pin:after{content:"";transform:rotate(var(--live-heading));transform-origin:5px 21px;border-bottom:9px solid #2563eb;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-12px;left:4px}@keyframes sc-delayed-pulse{0%,to{box-shadow:0 0 0 4px #3b82f64d}60%{box-shadow:0 0 0 14px #3b82f600}}[data-delayed-moving=true] .route-cursor-pin{animation:1.8s ease-out infinite sc-delayed-pulse}@media (prefers-reduced-motion:reduce){[data-delayed-moving=true] .route-cursor-pin{animation:none}}.sc-route-activity{margin-top:7px}.sc-route-activity-bar{background:#a8b3c5;border-radius:4px;height:7px;position:relative;overflow:hidden}.sc-route-activity-bar>span{height:100%;position:absolute;top:0}.sc-route-activity [data-activity=moving]{background:#2563eb}.sc-route-activity [data-activity=crew-stop]{background:#fbbf24}.sc-route-activity [data-activity=stopped]{background:#d97706}.sc-route-activity [data-activity=unknown]{background:#a8b3c5}.sc-route-activity [data-activity=gap]{background:#e4ae50}.sc-route-activity [data-activity=likely-parked]{background:repeating-linear-gradient(135deg,#fbbf24 0 4px,#fef3c7 4px 7px)}.sc-route-activity-legend{color:var(--mute);flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:10px;display:flex}.sc-route-activity-legend>span{align-items:center;gap:4px;display:inline-flex}.sc-route-activity-legend i{border-radius:2px;width:7px;height:7px;display:inline-block}