/* PhazTrack professional command center polish.
   Map-first, low-noise layout for phone, tablet and desktop. */
body[data-product="phaztrack"]{--pt-bg:#111820;--pt-panel:#202730;--pt-panel-2:#29313d;--pt-line:#3b4654;--pt-text:#f6f8fb;--pt-muted:#9ca9b8;--pt-red:#c91f32;--pt-green:#198754;--pt-blue:#2f6fba;--pt-amber:#a96b06}
body[data-product="phaztrack"] .top{background:var(--pt-bg);border-bottom:1px solid #303946}
body[data-product="phaztrack"] .phaz-header-messages{background:var(--pt-panel-2)!important;border-color:#46515f!important;color:#e6ebf1!important}
body[data-product="phaztrack"] .phaz-header-search{background:#252e39;border-color:#46515f;border-radius:10px;color:#fff}
body[data-product="phaztrack"] .phaz-fleet-summary{gap:5px;margin:0 0 7px}
body[data-product="phaztrack"] .phaz-summary-card{border:1px solid #dce2e8;border-radius:10px;box-shadow:0 2px 8px rgba(17,24,32,.08);min-height:0}
body[data-product="phaztrack"] .phaz-summary-card strong{font-variant-numeric:tabular-nums}
body[data-product="phaztrack"] .phaz-fleet-summary:after{display:none}
body[data-product="phaztrack"] .map-shell,body[data-product="phaztrack"] .tracking-map-card{box-shadow:none!important}
body[data-product="phaztrack"] .phaz-map-tools-toggle,body[data-product="phaztrack"] .phaz-details-toggle{border-radius:10px!important;background:rgba(32,39,48,.95)!important;border:1px solid rgba(104,118,135,.65)!important;color:#fff!important;box-shadow:0 5px 18px rgba(15,22,30,.18)!important;backdrop-filter:blur(10px)}
body[data-product="phaztrack"] .phaz-map-tools-menu{border-radius:12px!important;box-shadow:0 10px 28px rgba(15,22,30,.22)!important}
body[data-product="phaztrack"] .vehicle-panel{border-radius:14px!important;box-shadow:0 5px 20px rgba(15,22,30,.18)!important}
body[data-product="phaztrack"] .phaz-sheet-handle{border-radius:13px!important;background:rgba(32,39,48,.96)!important;box-shadow:none!important}
body[data-product="phaztrack"] .build-note{display:none!important}
body[data-product="phaztrack"] .leaflet-control-zoom{box-shadow:0 4px 14px rgba(15,22,30,.18)!important}
body[data-product="phaztrack"] .leaflet-control-zoom a{font-weight:800!important}
body[data-product="phaztrack"] .phaz-vehicle-label{box-shadow:0 2px 8px rgba(15,22,30,.12)!important}
body[data-product="phaztrack"] .selected-vehicle{border-radius:12px!important;box-shadow:0 6px 22px rgba(15,22,30,.18)!important}
body[data-product="phaztrack"] .tracking-map-head,body[data-product="phaztrack"] .tracking-tools{border-color:#e3e8ed!important}

@media(min-width:1101px){
 body[data-product="phaztrack"] .app{grid-template-columns:196px minmax(0,1fr)!important}
 body[data-product="phaztrack"] .side{padding:14px 10px!important;gap:12px!important;background:#202630!important}
 body[data-product="phaztrack"] .side .brand{font-size:1.02rem!important}
 body[data-product="phaztrack"] .side .brand img{width:32px!important;height:32px!important}
 body[data-product="phaztrack"] .side nav,body[data-product="phaztrack"] .side .nav{gap:5px!important}
 body[data-product="phaztrack"] .side nav button,body[data-product="phaztrack"] .side .nav button{min-height:38px!important;padding:8px 10px!important;border-radius:9px!important;font-size:.78rem!important}
 body[data-product="phaztrack"] .main{padding:10px 12px!important}
 body[data-product="phaztrack"] .top{min-height:52px!important;margin-bottom:7px!important;border-radius:10px;padding:7px 10px!important}
 body[data-product="phaztrack"] .top h1{font-size:1.08rem!important}
 body[data-product="phaztrack"] .phaz-fleet-summary{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 body[data-product="phaztrack"] .phaz-summary-card{padding:5px 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}
 body[data-product="phaztrack"] .phaz-summary-card span{font-size:.66rem!important}
 body[data-product="phaztrack"] .phaz-summary-card strong{font-size:.95rem!important;margin:0!important}
 body[data-product="phaztrack"] .map-shell{height:calc(100dvh - 116px)!important}
 body[data-product="phaztrack"] #phazLiveMap{height:calc(100dvh - 186px)!important;min-height:420px!important}
 body[data-product="phaztrack"] .phaz-map-tools-toggle{top:12px!important;left:12px!important}
 body[data-product="phaztrack"] .phaz-map-tools-menu{top:60px!important;left:12px!important}
 body[data-product="phaztrack"] .phaz-details-toggle{top:12px!important;right:12px!important}
 body[data-product="phaztrack"] .leaflet-top.leaflet-left{right:12px!important;bottom:18px!important}
 body[data-product="phaztrack"] .vehicle-panel{left:12px!important;bottom:12px!important;width:280px!important}
 body[data-product="phaztrack"] .vehicle-panel.phaz-fleet-ready:not(.phaz-sheet-open){width:260px!important}
 body[data-product="phaztrack"] .phaz-sheet-handle{min-height:50px!important;padding:7px 10px!important}
}

/* Treat tablets and all phone browser layouts as map-first, not desktop. */
@media(max-width:1100px){
 body[data-product="phaztrack"] .app{display:block!important}
 body[data-product="phaztrack"] .main{padding:0!important;min-width:0!important}
 body[data-product="phaztrack"] .side{display:flex!important;position:fixed!important;z-index:1100!important;top:0!important;bottom:0!important;left:0!important;width:min(286px,84vw)!important;height:100dvh!important;overflow:auto!important;transform:translateX(-105%)!important;visibility:hidden!important;transition:transform .2s ease!important;box-shadow:8px 0 30px rgba(0,0,0,.28)!important}
 body[data-product="phaztrack"].phaz-nav-open .side{transform:translateX(0)!important;visibility:visible!important}
 body[data-product="phaztrack"] .phaz-mobile-menu{display:block!important;position:static!important;min-height:38px!important;padding:7px 10px!important;border-radius:9px!important;background:var(--pt-red)!important;border:1px solid #df5262!important;color:#fff!important;font-size:.78rem!important;white-space:nowrap!important}
 body[data-product="phaztrack"] .top{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:40px 38px!important;align-items:center!important;gap:5px 6px!important;padding:6px 8px!important;margin:0!important;min-height:89px!important;height:89px!important}
 body[data-product="phaztrack"] .top>div:first-child,body[data-product="phaztrack"] .mobile-brand{display:none!important}
 body[data-product="phaztrack"] .phaz-header-messages{grid-column:2!important;grid-row:1!important;justify-self:end!important;min-height:36px!important;padding:6px 9px!important;margin:0!important;font-size:.64rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:150px!important}
 body[data-product="phaztrack"] .signin{grid-column:3!important;grid-row:1!important;justify-self:end!important;min-height:36px!important;padding:7px 11px!important;border-radius:9px!important;font-size:.72rem!important;white-space:nowrap!important}
 body[data-product="phaztrack"] .phaz-header-search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0!important;padding:7px 10px!important;font-size:.72rem!important}
 body[data-product="phaztrack"] .phaz-fleet-summary{grid-template-columns:repeat(6,minmax(58px,1fr))!important;gap:3px!important;margin:4px 5px 5px!important;overflow-x:auto!important;scrollbar-width:none!important}
 body[data-product="phaztrack"] .phaz-fleet-summary::-webkit-scrollbar{display:none!important}
 body[data-product="phaztrack"] .phaz-summary-card{height:43px!important;min-width:58px!important;padding:4px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;text-align:center!important;border-radius:8px!important}
 body[data-product="phaztrack"] .phaz-summary-card span{font-size:.52rem!important;line-height:1.05!important;white-space:normal!important}
 body[data-product="phaztrack"] .phaz-summary-card strong{font-size:.84rem!important;line-height:1.05!important;margin:1px 0 0!important}
 body[data-product="phaztrack"] .phaz-summary-card small{display:none!important}
 body[data-product="phaztrack"] .map-shell,body[data-product="phaztrack"] .tracking-map-card{border-radius:0!important;border-left:0!important;border-right:0!important;overflow:hidden!important}
 body[data-product="phaztrack"] .map-shell,body[data-product="phaztrack"] .map-shell #map,body[data-product="phaztrack"] #phazLiveMap{height:calc(100dvh - 142px)!important;min-height:480px!important}
 body[data-product="phaztrack"] .phaz-map-tools-toggle{top:10px!important;left:10px!important;right:auto!important;width:42px!important;height:42px!important;padding:0!important;justify-content:center!important}
 body[data-product="phaztrack"] .phaz-map-tools-toggle span{display:none!important}
 body[data-product="phaztrack"] .phaz-map-tools-menu{top:58px!important;left:10px!important;right:auto!important;width:min(286px,calc(100% - 20px))!important;max-height:calc(100% - 150px)!important;overflow:auto!important}
 body[data-product="phaztrack"] .phaz-details-toggle{top:10px!important;right:10px!important;left:auto!important;min-height:42px!important;height:42px!important;padding:7px 11px!important;font-size:.74rem!important}
 body[data-product="phaztrack"] .selected-vehicle{top:60px!important;right:10px!important;width:min(280px,calc(100% - 20px))!important;max-height:calc(100% - 170px)!important;padding:11px!important}
 body[data-product="phaztrack"] .vehicle-panel{position:fixed!important;z-index:850!important;left:10px!important;right:auto!important;bottom:70px!important;width:min(250px,calc(100% - 84px))!important;max-height:52px!important;overflow:hidden!important}
 body[data-product="phaztrack"] .vehicle-panel.phaz-sheet-open{max-height:min(54dvh,520px)!important;overflow:auto!important}
 body[data-product="phaztrack"] .phaz-sheet-handle{min-height:50px!important;height:50px!important;padding:6px 10px!important}
 body[data-product="phaztrack"] .phaz-sheet-copy strong{font-size:.82rem!important}
 body[data-product="phaztrack"] .phaz-sheet-copy span{font-size:.6rem!important;margin-top:1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:165px!important}
 body[data-product="phaztrack"] .phaz-sheet-chevron{width:30px!important;height:30px!important;flex:0 0 30px!important}
 body[data-product="phaztrack"] .leaflet-top.leaflet-left{top:auto!important;left:auto!important;right:10px!important;bottom:80px!important}
 body[data-product="phaztrack"] .leaflet-control-zoom{display:block!important;margin:0!important}
 body[data-product="phaztrack"] .leaflet-control-zoom a{width:34px!important;height:34px!important;line-height:34px!important}
 body[data-product="phaztrack"] .mobilebar{height:60px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:#202630!important;border-top:1px solid #394351!important;padding:4px 3px max(4px,env(safe-area-inset-bottom))!important;box-shadow:0 -4px 14px rgba(15,22,30,.14)!important}
 body[data-product="phaztrack"] .mobilebar button{min-width:0!important;min-height:48px!important;padding:5px 2px!important;border-radius:8px!important;font-size:.62rem!important;color:#cdd5df!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body[data-product="phaztrack"] .mobilebar button.active{background:#343e4c!important;color:#fff!important;box-shadow:inset 0 -3px 0 var(--pt-red)!important}
 body[data-product="phaztrack"] .leaflet-control-attribution{font-size:7px!important;max-width:55vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

@media(max-width:430px){
 body[data-product="phaztrack"] .phaz-header-messages{max-width:112px!important;font-size:.58rem!important}
 body[data-product="phaztrack"] .phaz-mobile-menu{font-size:.7rem!important;padding:7px 8px!important}
 body[data-product="phaztrack"] .signin{font-size:.68rem!important;padding:7px 9px!important}
 body[data-product="phaztrack"] .phaz-fleet-summary{grid-template-columns:repeat(6,58px)!important}
 body[data-product="phaztrack"] .map-shell,body[data-product="phaztrack"] .map-shell #map,body[data-product="phaztrack"] #phazLiveMap{height:calc(100dvh - 140px)!important;min-height:440px!important}
 body[data-product="phaztrack"] .vehicle-panel{width:min(228px,calc(100% - 80px))!important}
}

@media(prefers-reduced-motion:reduce){body[data-product="phaztrack"] .side{transition:none!important}}