.app-shell{width:100%;max-width:100%;grid-template-columns:238px minmax(0,1fr)}.app-shell>.dashboard{min-width:0;max-width:100%;overflow-x:clip}.dashboard .content-grid,.dashboard .content-grid>article,.dashboard .metrics,.dashboard .metrics>article,.dashboard .metrics>article>div,.dashboard>*{min-width:0}.dashboard .metrics p,.dashboard .metrics small{overflow-wrap:anywhere}@media (min-width:761px){.app-shell>.dashboard{height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dashboard>.alerts-card,.dashboard>.metrics,.dashboard>.status-row,.dashboard>header{flex:0 0 auto}.dashboard>.status-row{margin:12px 0}.dashboard>.content-grid{flex:1 1 auto;min-height:0;margin-top:12px}.dashboard .map-card,.dashboard .vehicle-card{height:100%;min-height:0}.dashboard .map-card{display:flex;flex-direction:column}.dashboard .map-card>.card-heading{height:66px;flex:0 0 66px;padding-top:12px;padding-bottom:12px}.dashboard .map-card>.map{height:auto;min-height:210px;flex:1 1 auto}.dashboard .vehicle-title{height:88px}.dashboard .temperature{padding:12px 0}.dashboard .temperature>strong{margin:7px 0 6px;font-size:32px}.dashboard .vehicle-card dl div{padding:9px 0}.dashboard .vehicle-card .secondary-button{height:36px;margin-top:10px}.dashboard>.alerts-card{max-height:126px;margin-top:12px;overflow:auto}.dashboard>.alerts-card>.card-heading{position:sticky;top:0;z-index:2;height:58px;padding-top:10px;padding-bottom:10px;background:#fff}.dashboard>.alerts-card .alert-item{padding-top:10px;padding-bottom:10px}}@media (max-width:1280px) and (min-width:761px){.dashboard{padding:24px 24px 48px}}@media (max-width:1100px) and (min-width:761px){.app-shell{display:block}.sidebar{position:fixed;top:0;bottom:0;left:-260px;width:240px;height:100vh;transition:left .2s;box-shadow:10px 0 30px #001a3320}.sidebar.open{left:0}.close-menu{display:block;position:absolute;right:13px;top:13px;border:0;background:transparent}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:19;border:0;background:rgba(10,31,51,.34)}.dashboard{padding:20px 18px 24px}.dashboard .menu-button{display:grid;place-items:center;margin-right:12px;width:38px;height:38px;flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:9px}.dashboard .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dashboard .metrics article{padding:13px;gap:9px}.dashboard .metrics .metric-icon{width:36px;height:36px;flex:0 0 36px}.dashboard .metrics small{display:none}.dashboard .content-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr)}}@media (max-width:520px){.dashboard .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard .metrics article{min-height:94px;padding:13px 12px;align-items:flex-start}.dashboard .metrics small{display:none}.dashboard .status-row{align-items:flex-start;gap:10px}.dashboard .dashboard-status-actions{flex-direction:column;align-items:flex-end;gap:6px}}.row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.row-action{display:inline-flex;align-items:center;gap:5px}.row-action svg{width:12px;height:12px}.row-action.danger-action{color:#b83b35;border-color:#efd0cd;background:#fff9f8}.row-action:disabled{cursor:wait;opacity:.6}@media (max-width:750px){.tire-list .row-actions{grid-column:2;flex-wrap:wrap}}.mobile-fleet-meta,.mobile-map-navigation,.mobile-map-type-toggle,.mobile-status-tabs{display:none}@media (max-width:760px){.live-map-page,.map-shell{height:100dvh;min-height:0;overflow:hidden}.live-map-page{position:relative;padding:max(12px,env(safe-area-inset-top)) 12px calc(76px + env(safe-area-inset-bottom))}.map-page-header{min-height:50px;flex:0 0 auto}.map-toolbar{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0 8px}.map-search{width:100%;height:46px;border-radius:13px}.map-toolbar>.filter-chip,.map-toolbar>.map-mode-switch,.map-toolbar>.sync-status{display:none}.mobile-status-tabs{display:flex;gap:7px;min-width:0;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:none}.mobile-status-tabs::-webkit-scrollbar{display:none}.mobile-status-tabs button{flex:0 0 auto;height:34px;display:flex;align-items:center;gap:5px;padding:0 11px;border:1px solid #d8e2eb;border-radius:999px;background:#fff;color:#536779;font-size:11px;font-weight:800}.mobile-status-tabs button.active{border-color:#a7c8ed;background:#eaf3ff;color:#155f9f}.mobile-status-tabs i{width:7px;height:7px;border-radius:50%;background:#21a365}.mobile-status-tabs .offline i{background:#d65454}.live-map-layout,.live-map-layout.has-detail-panel{position:relative;display:block;flex:1 1 auto;min-height:0;overflow:hidden;border-radius:15px}.live-map-layout>.fleet-panel,.live-map-layout>.large-live-map{position:absolute;inset:0;width:100%;height:100%;min-height:0}.live-map-layout>.large-live-map{z-index:1}.mobile-view-list>.large-live-map{opacity:0;pointer-events:none}.live-map-layout>.fleet-panel{z-index:8;border:0;background:#f5f8fb}.mobile-view-map>.fleet-panel{visibility:hidden;pointer-events:none}.fleet-panel-title{height:54px;flex:0 0 54px;padding:0 14px;border:1px solid #e0e7ee;border-radius:14px 14px 0 0;background:#fff}.fleet-list{min-height:0;padding:10px 8px 20px;overflow-y:auto;overscroll-behavior:contain}.fleet-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;margin-bottom:10px;padding:14px 12px;border:1px solid #e0e7ee;border-radius:14px;background:#fff;box-shadow:0 5px 16px #17324a0b}.fleet-marker{width:42px;height:42px}.fleet-copy strong{font-size:15px;color:#173650}.fleet-copy small{margin-top:2px;font-size:10px}.fleet-copy em{margin-top:6px;font-size:10px}.fleet-temp{align-self:start;padding:5px 8px;border-radius:999px;background:#e9f8f1;font-size:11px}.mobile-fleet-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:11px;border-top:1px solid #edf1f5}.mobile-fleet-meta small,.mobile-fleet-meta strong{display:block}.mobile-fleet-meta small{color:#8a98a5;font-size:8px}.mobile-fleet-meta strong{margin-top:2px;overflow:hidden;color:#263b4e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.live-map-layout>.live-map-detail-panel{position:absolute;z-index:15;left:10px;right:10px;bottom:10px;width:auto;height:auto;max-height:min(55%,390px);overflow-y:auto;border:1px solid #dbe5ed;border-radius:17px;padding:14px;background:#fff;box-shadow:0 14px 34px #17324a38}.mobile-map-type-toggle{position:absolute;z-index:12;top:12px;right:12px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8e2eb;border-radius:13px;background:#fffffff2;color:#1766ab;box-shadow:0 7px 20px #17324a26}.mobile-view-list>.mobile-map-type-toggle{display:none}.mobile-map-type-toggle svg{width:20px}.large-live-map .fleet-map-marker-label{display:block}.large-live-map .fleet-map-marker{width:auto}.mobile-map-navigation{position:absolute;z-index:18;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(330px,calc(100% - 32px));height:58px;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid #d8e2eb;border-radius:18px;background:#fffffff2;box-shadow:0 10px 28px #17324a2e;backdrop-filter:blur(12px)}.mobile-map-navigation a,.mobile-map-navigation button{display:grid;place-items:center;gap:1px;border:0;border-radius:13px;background:transparent;color:#375b7a;text-decoration:none;font-size:10px;font-weight:800}.mobile-map-navigation svg{width:21px}.mobile-map-navigation .active{background:#e4efff;color:#1766ab}}@media (max-height:700px) and (max-width:760px){.live-map-page{padding-top:max(8px,env(safe-area-inset-top))}.map-page-header{min-height:42px}.map-toolbar{margin-top:6px}.map-search{height:40px}}.monitor-mode-controls,.monitor-mode-status{display:none}.monitor-mode-button{cursor:pointer}@media (min-width:761px){.live-map-page.monitor-mode{position:fixed;z-index:1000;inset:0;width:100vw;height:100dvh;padding:0;background:#071827}.monitor-mode>.map-page-header,.monitor-mode>.map-toolbar,.monitor-mode>.mobile-map-navigation{display:none}.monitor-mode>.live-map-layout,.monitor-mode>.live-map-layout.has-detail-panel{position:relative;display:block;width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.monitor-mode .fleet-panel{display:none}.monitor-mode .large-live-map{position:absolute;inset:0;width:100%;height:100%;min-height:100%}.monitor-mode .monitor-mode-status{position:absolute;z-index:20;top:18px;left:18px;display:flex;align-items:center;box-sizing:border-box;width:min(600px,calc(50vw - 27px));height:58px;gap:12px;padding:0 16px;border:1px solid #dce6ef;border-radius:13px;background:#fffffff0;color:#17324a;box-shadow:0 9px 28px #102a4030;backdrop-filter:blur(12px);overflow:hidden}.monitor-mode-status strong{padding-right:12px;border-right:1px solid #dce6ef;font:800 12px Manrope,sans-serif}.monitor-mode-status small,.monitor-mode-status span{font-size:10px;font-weight:750;white-space:nowrap}.monitor-mode-status span{display:flex;align-items:center;gap:5px;color:#28785b}.monitor-mode-status span i{width:7px;height:7px;border-radius:50%;background:#18ae70;box-shadow:0 0 0 4px #18ae7020}.monitor-mode-status small{color:#718190}.monitor-mode .monitor-mode-controls{position:absolute;z-index:20;top:18px;right:18px;box-sizing:border-box;width:min(600px,calc(50vw - 27px));height:58px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;padding:4px;border:1px solid #dce6ef;border-radius:13px;background:#fffffff0;box-shadow:0 9px 28px #102a4030;backdrop-filter:blur(12px)}.monitor-mode-controls>div{display:grid;grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.monitor-mode-controls button{box-sizing:border-box;width:100%;min-width:0;height:48px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#294b67;font-size:10px;font-weight:800;cursor:pointer}.monitor-mode-controls>button,.monitor-mode-controls>div button+button{border-left:1px solid #dce6ef;border-radius:0}.monitor-mode-controls button.active{background:#e6f0ff;color:#1769e0}.monitor-mode-controls svg{width:18px}.monitor-mode .live-map-layout>.live-map-detail-panel{position:absolute;z-index:22;right:18px;bottom:18px;width:340px;height:auto;max-height:calc(100% - 92px);overflow:auto;border:1px solid #dce6ef;border-radius:15px;padding:16px;background:#fff;box-shadow:0 14px 38px #102a4040}}@media (min-width:761px) and (max-width:1100px){.monitor-mode .monitor-mode-status strong{display:none}}@media (max-width:760px){.monitor-mode-button,.monitor-mode-controls,.monitor-mode-status{display:none!important}}.sidebar-collapse-toggle{display:none}@media (min-width:1101px){.sidebar-collapse-toggle{display:grid;place-items:center;align-self:flex-end;width:36px;height:36px;flex:0 0 auto;margin:-12px 0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#607082;cursor:pointer}.sidebar-collapse-toggle:hover{background:#eaf3ff;color:var(--blue)}.sidebar-collapse-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.sidebar-collapse-toggle svg{width:20px}.app-shell:has(>.sidebar.collapsed){grid-template-columns:76px minmax(0,1fr)}.sidebar.collapsed{padding-left:10px;padding-right:10px}.sidebar.collapsed .sidebar-collapse-toggle{align-self:center}.sidebar.collapsed>.brand{justify-content:center;padding:0;margin-bottom:24px}.sidebar.collapsed .sidebar-group summary>span,.sidebar.collapsed .sidebar-group-chevron,.sidebar.collapsed .sidebar-group-links,.sidebar.collapsed a>span,.sidebar.collapsed>.brand>span:not(.brand-mark){display:none}.sidebar.collapsed .sidebar-group summary,.sidebar.collapsed a{justify-content:center;padding:0;position:relative}.sidebar.collapsed a>svg{flex:0 0 19px}.sidebar.collapsed a b{position:absolute;top:0;right:0;font-size:9px;padding:1px 4px}.sidebar.collapsed .sidebar-account-actions{grid-template-columns:1fr;justify-items:stretch}.sidebar.collapsed .sidebar-signout{justify-self:center}}