/* Build 1025 - full-map tracking workspace with a persistent top command bar. */
body[data-page="tracking"]{overflow:hidden!important;background:#dce6ec!important;min-width:0!important}
body[data-page="tracking"] .layout{display:block!important;min-height:100vh!important;background:#dce6ec!important}
body[data-page="tracking"] .main{width:100vw!important;min-width:100vw!important;height:100vh!important;overflow:hidden!important}
body[data-page="tracking"] .top,body[data-page="tracking"] .headline{display:none!important}
body[data-page="tracking"] .content{padding:0!important;height:100vh!important;overflow:hidden!important}
body[data-page="tracking"] .track-shell{position:relative!important;margin:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;background:#dce6ec!important}
body[data-page="tracking"] .track-grid{display:block!important;position:relative!important;width:100%!important;height:100%!important;min-height:100vh!important}
body[data-page="tracking"] .track-map{position:absolute!important;inset:58px 0 0!important;width:100%!important;height:calc(100vh - 58px)!important;min-height:0!important;background:#dce6ec!important;z-index:1!important}
body[data-page="tracking"] .track-map>#map{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}

body[data-page="tracking"] .side{position:fixed!important;left:0!important;top:58px!important;bottom:0!important;width:238px!important;height:calc(100vh - 58px)!important;z-index:3300!important;transform:translate3d(-105%,0,0)!important;visibility:hidden!important;transition:transform .2s ease,visibility 0s linear .2s!important;box-shadow:14px 0 45px rgba(5,15,24,.28)!important}
body[data-page="tracking"].tracking-menu-open .side{transform:translate3d(0,0,0)!important;visibility:visible!important;transition:transform .2s ease!important}
.tracking-shade{display:none}
body[data-page="tracking"] .tracking-shade{display:block;position:fixed;inset:58px 0 0;z-index:3190;background:rgba(4,13,20,.34);backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .18s ease}
body[data-page="tracking"].tracking-menu-open .tracking-shade{opacity:1;pointer-events:auto}

body[data-page="tracking"] .kpis{position:fixed!important;z-index:3020!important;top:66px!important;left:10px!important;right:10px!important;display:grid!important;grid-template-columns:repeat(6,minmax(145px,1fr))!important;gap:8px!important;opacity:0!important;transform:translateY(-10px)!important;pointer-events:none!important;transition:opacity .17s ease,transform .17s ease!important}
body[data-page="tracking"].tracking-stats-open .kpis{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}
body[data-page="tracking"] .kpi{min-height:72px!important;padding:9px 10px!important;grid-template-columns:36px 1fr!important;border-radius:11px!important;box-shadow:0 12px 34px rgba(13,29,40,.15)!important}
body[data-page="tracking"] .kpi-icon{width:36px!important;height:36px!important}
body[data-page="tracking"] .kpi strong{font-size:21px!important}

body[data-page="tracking"] .track-list,body[data-page="tracking"] .track-stops,body[data-page="tracking"] .track-detail,body[data-page="tracking"] .track-map>.map-layers{position:fixed!important;top:66px!important;max-height:calc(100vh - 76px)!important;overflow:auto!important;background:rgba(255,255,255,.985)!important;border:1px solid #d6e0e6!important;border-radius:12px!important;box-shadow:0 18px 55px rgba(9,25,36,.22)!important;opacity:0!important;pointer-events:none!important;transition:opacity .16s ease,transform .16s ease!important}
body[data-page="tracking"] .track-list{z-index:3050!important;left:10px!important;width:min(370px,calc(100vw - 20px))!important;transform:translateY(-8px) scale(.99)!important}
body[data-page="tracking"] .track-stops{z-index:3052!important;left:10px!important;width:min(430px,calc(100vw - 20px))!important;transform:translateY(-8px) scale(.99)!important}
body[data-page="tracking"] .track-detail{z-index:3040!important;right:10px!important;width:min(390px,calc(100vw - 20px))!important;transform:translateX(14px)!important}
body[data-page="tracking"] .track-map>.map-layers{z-index:3060!important;left:150px!important;width:min(320px,calc(100vw - 20px))!important;transform:translateY(-8px) scale(.99)!important}
body[data-page="tracking"].tracking-drivers-open .track-list,body[data-page="tracking"].tracking-stops-open .track-stops,body[data-page="tracking"].tracking-layers-open .track-map>.map-layers,body[data-page="tracking"].tracking-detail-open .track-detail{opacity:1!important;pointer-events:auto!important;transform:none!important}
body[data-page="tracking"] .track-list .panel-head,body[data-page="tracking"] .track-stops .panel-head{position:sticky!important;top:0!important;z-index:2!important;border-radius:12px 12px 0 0!important}
body[data-page="tracking"] #driver-list{max-height:calc(100vh - 180px);overflow:auto}
body[data-page="tracking"] .stop-driver-context{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e7edf1}
body[data-page="tracking"] .stop-driver-context b,body[data-page="tracking"] .stop-driver-context small{display:block}
body[data-page="tracking"] .stop-driver-context small{margin-top:2px;color:#71808d;font-size:11px}
body[data-page="tracking"] .empty.compact{padding:22px 18px;line-height:1.45}

.tracking-focus-toolbar{display:none}
body[data-page="tracking"] .tracking-focus-toolbar{position:fixed;z-index:3400;top:0;left:0;right:0;height:58px;display:flex;align-items:center;gap:7px;padding:8px 10px;background:#0b1823;border:0;border-bottom:1px solid #213443;border-radius:0;box-shadow:0 4px 18px rgba(5,17,26,.22);overflow-x:auto;overflow-y:hidden}
.tracking-focus-toolbar button{height:40px;border:1px solid #2a4050;border-radius:8px;background:#122532;color:#e8f0f5;padding:0 12px;font-size:11px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto}
.tracking-focus-toolbar button:hover{background:#193242;border-color:#456274}
.tracking-focus-toolbar button.active{background:#ed1b2f;border-color:#ed1b2f;color:#fff}
.tracking-focus-toolbar button:disabled{opacity:.42;cursor:not-allowed}
.tracking-focus-toolbar .tracking-menu-btn{min-width:42px;padding:0 11px;font-size:18px}
.tracking-focus-toolbar .tracking-toolbar-title{padding:0 8px 0 4px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.01em;white-space:nowrap}
.tracking-focus-toolbar .tracking-toolbar-title small{display:block;margin-top:2px;color:#91a3af;font-size:8px;font-weight:650}
.tracking-focus-toolbar .toolbar-sep{width:1px;height:26px;background:#30414e;margin:0 1px;flex:0 0 auto}
.tracking-focus-toolbar .toolbar-spacer{flex:1 1 auto;min-width:12px}
.tracking-focus-toolbar .toolbar-icon{font-size:14px;line-height:1}
.tracking-focus-toolbar .tracking-selected-driver{min-width:210px;justify-content:flex-start;background:#0f202c;border-color:#36505f;padding:0 11px}
.tracking-focus-toolbar .tracking-selected-driver span:last-child{text-align:left;min-width:0}
.tracking-focus-toolbar .tracking-selected-driver b,.tracking-focus-toolbar .tracking-selected-driver small{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tracking-focus-toolbar .tracking-selected-driver b{font-size:11px;color:#fff}
.tracking-focus-toolbar .tracking-selected-driver small{font-size:8px;color:#a7b5bf;margin-top:2px;font-weight:650}
.selected-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto;background:#f59e0b}.selected-dot.online{background:#22c55e}.selected-dot.offline{background:#f59e0b}

body[data-page="tracking"] .leaflet-top.leaflet-left{top:10px!important}
body[data-page="tracking"] .map-status{left:14px!important;bottom:14px!important;z-index:2900!important}
body[data-page="tracking"] .leaflet-control-attribution{font-size:7px!important}

@media(max-width:1280px){
  body[data-page="tracking"] .kpis{grid-template-columns:repeat(3,1fr)!important}
  .tracking-focus-toolbar .tracking-toolbar-title{display:none}
  .tracking-focus-toolbar .tracking-selected-driver{min-width:170px}
}
@media(max-width:860px){
  body{min-width:0!important}
  body[data-page="tracking"] .tracking-focus-toolbar{height:56px;padding:7px 8px}
  body[data-page="tracking"] .track-map{inset:56px 0 0!important;height:calc(100vh - 56px)!important}
  body[data-page="tracking"] .side{top:56px!important;height:calc(100vh - 56px)!important}
  body[data-page="tracking"] .tracking-shade{inset:56px 0 0}
  .tracking-focus-toolbar button{padding:0 10px}
  .tracking-focus-toolbar .tracking-selected-driver{min-width:160px}
  body[data-page="tracking"] .kpis{top:64px!important;grid-template-columns:repeat(2,1fr)!important;max-height:calc(100vh - 74px);overflow:auto}
  body[data-page="tracking"] .track-list,body[data-page="tracking"] .track-stops,body[data-page="tracking"] .track-detail,body[data-page="tracking"] .track-map>.map-layers{top:64px!important;left:8px!important;right:8px!important;width:auto!important;max-height:calc(100vh - 72px)!important}
}