/* FleetNav UI refresh. Presentation only; tracking is owned by FleetGps v6. */
:root{--fn-radius:18px;--fn-navy:#081c34;--fn-blue:#2879f3;--fn-shadow:0 4px 22px rgb(7 28 57 / .05)}
[data-theme="fleetnav"]{--b1:19% .033 255;--b2:23% .036 255;--b3:27% .039 255;--bc:94% .012 255;--p:70% .16 255;--pc:15% .04 255;--border:rgb(168 192 224 / .13);--text2:#b0c0d4;--text3:#92a6c0;--fn-shadow:0 4px 22px rgb(0 0 0 / .12)}
[data-theme="fleetnav-light"]{--b1:97% .008 255;--b2:100% 0 0;--b3:95% .012 255;--bc:25% .04 255;--p:54% .2 257;--pc:100% 0 0;--border:#e1e8f0;--text2:#53667e;--text3:#687b92}
body{font-family:Inter,system-ui,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.fn-skip{position:fixed;top:-100px;left:20px;z-index:10000;background:var(--bg2);padding:12px;border-radius:10px}.fn-skip:focus{top:10px}
.fn-app.has-sidebar{grid-template-columns:238px minmax(0,1fr)}.fn-sidebar{background:var(--fn-navy);border:0;padding:24px 14px;color:#d7e4f5}.fn-sidebar .fn-brand{font-size:23px;color:#fff;padding-bottom:26px}.fn-sidebar .fn-brand span{color:#aec9ee}.fn-brand-icon{border-radius:12px;background:#2879f3;color:white}.fn-side-sect{color:#829ab9;letter-spacing:.13em;font-size:10px;padding-top:20px}.fn-side-link,.fn-side-act{color:#b6c8de;min-height:41px}.fn-side-link.active{background:#1e4475;color:#fff;box-shadow:inset 3px 0 #5ba1ff}.fn-side-link:hover,.fn-side-act:hover{background:#153454;color:white}.fn-side-user b{color:#edf5ff}.fn-side-uinfo span,.fn-side-out{color:#9bb3d1}.fn-side-av{background:#245ea7;border-radius:50%}.fn-side-foot{border-color:#27405e}.fn-container{max-width:1480px;padding:30px 32px 40px;overflow-x:clip}.fn-page-header{margin-bottom:26px;gap:16px}.fn-page-title{font-size:clamp(23px,2.4vw,30px);font-weight:700;letter-spacing:-.045em;line-height:1.2}.fn-page-title i{color:var(--accent)}.fn-page-sub{font-size:13px;margin-top:8px;color:var(--text2)}
.card{border-radius:var(--fn-radius);box-shadow:var(--fn-shadow);border-color:var(--border)}.card-body{padding:24px}.fn-panel-head{margin-bottom:20px}.fn-panel-title{font-size:16px;font-weight:650}.btn{border-radius:11px;font-weight:600;min-height:42px;box-shadow:none}.btn-primary{background:var(--fn-blue);border-color:var(--fn-blue);color:#fff}.btn-primary:hover{background:#1764d6;border-color:#1764d6}.btn-xs{min-height:34px;font-size:12px}.btn-sm{min-height:40px;font-size:13px}.input,.select,.textarea{border-radius:10px;border-color:var(--border);background:var(--bg2)}.input,.select{min-height:43px}.label-text{font-size:13px;font-weight:500}.badge{border-radius:7px;font-weight:600;letter-spacing:0;white-space:nowrap}.badge-success{background:oklch(var(--su) / .14);color:var(--green);border-color:oklch(var(--su) / .2)}.badge-warning{background:oklch(var(--wa) / .14);color:var(--yellow);border-color:oklch(var(--wa) / .2)}.badge-error{background:oklch(var(--er) / .13);color:var(--red);border-color:oklch(var(--er) / .2)}
.fn-stats-grid{gap:14px;margin-bottom:24px}.fn-stat-card{border-radius:16px;padding:17px 20px 28px;min-height:142px;background:var(--bg2);box-shadow:var(--fn-shadow)}.fn-kpi-top{margin-bottom:10px}.fn-stat-icon{width:32px;height:32px;border-radius:10px;font-size:17px}.fn-stat-value,.stat-value{font-family:Inter,system-ui,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.045em;line-height:1.25}.fn-stat-value small{font-size:13px;font-weight:500;letter-spacing:0}.fn-stat-label{font-size:12px;color:var(--text2);letter-spacing:0;text-transform:none}.fn-stat-sub{font-size:11px;color:var(--text3)}.fn-spark{height:24px;opacity:.45}.fn-trend{font-size:10px}.fn-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--text2)}
.fn-filters{padding:16px;background:var(--bg2);border:1px solid var(--border);border-radius:15px;gap:12px}.fn-filters .form-control{min-width:140px;flex:1}.table thead th{background:var(--bg3);color:var(--text2);text-transform:none;letter-spacing:0;font-size:12px;padding:13px 15px}.table tbody td{padding:15px;font-size:13px}.table tbody tr{border-color:var(--border)}.table-wrap{border-radius:12px}.fn-subnav{border:0;padding:0 0 12px;gap:7px;margin-bottom:20px}.fn-subnav a{background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:8px 12px}.fn-subnav a.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.fn-map-entry{display:flex;align-items:center;gap:20px;padding:24px;margin-bottom:24px;border:1px solid #244e7b;border-radius:20px;background:linear-gradient(115deg,#0b2749,#133e69);color:white}.fn-map-entry h2{font-size:23px;font-weight:650;letter-spacing:-.035em}.fn-map-entry p{color:#bdd1e8;font-size:13px;margin-top:4px}.fn-map-entry .fn-eyebrow{color:#8ebdf3}.fn-map-entry-icon{width:68px;height:68px;border:1px solid #386795;border-radius:18px;display:grid;place-items:center;background:#1b4776;font-size:32px}.fn-map-entry-cta{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:600}
.fn-fleet-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:start}.fn-driver-list{display:flex;flex-direction:column;gap:10px;max-height:680px;overflow:auto}.driver-card{flex:none;padding:18px;min-width:0}.driver-card .font-medium{font-size:16px;font-weight:650}.driver-card .text-xs{line-height:1.7}.fn-fleet-stage{min-width:0}.fn-map-surface{overflow:hidden}.fn-fleet-stage #map{height:clamp(440px,67vh,740px)!important}.leaflet-container{font-family:Inter,system-ui,sans-serif;background:#dce5ed}.leaflet-control a{color:#172e4b}.leaflet-pane img,.leaflet-tile{max-width:none!important}.fn-history-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.fn-history-detail{display:flex;flex-direction:column;gap:14px;min-width:0}.fn-history-detail>.card:has(#map){order:-1}.fn-history-detail #map{height:clamp(320px,52vh,570px)!important}.track-item{padding:16px 12px;border-bottom:1px solid var(--border);border-radius:10px}.track-item .font-medium{font-size:15px}.fn-history-detail #track-info{margin:0;padding:22px}.fn-history-detail #track-details{opacity:1}.fn-history-detail #track-details .font-semibold{font-size:21px}
.fn-vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fn-vehicle-grid>.card{padding:22px}.fn-vehicle-name{font-size:20px;font-weight:700;letter-spacing:-.03em}.fn-vehicle-icon,.fn-alert-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:23px}.fn-vehicle-grid .card>div{flex-direction:column}.fn-vehicle-grid .card>div>div:last-child{border-top:1px solid var(--border);width:100%;padding-top:14px;margin-top:4px}.fn-alert-list{display:grid;gap:14px}.fn-alert-list>.card{padding:22px}.fn-alert-list .text-base{font-weight:650}.fn-alert-list .text-xs{font-size:12px}.fn-alert-icon{width:34px;height:34px;font-size:19px;margin-right:4px}
.fn-rpt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fn-rpt-card{display:flex;flex-direction:row;align-items:center;text-align:left;padding:22px;gap:16px;min-height:96px}.fn-rpt-card>i:first-child{width:46px;height:46px;display:grid;place-items:center;background:var(--accent-soft);border-radius:13px;flex-shrink:0}.fn-rpt-card span{flex:1}.fn-rpt-card strong{font-size:14px;font-weight:650}.fn-rpt-card small{display:block;font-size:12px;color:var(--text2);margin-top:4px;font-weight:400}.fn-report-arrow{color:var(--text3);font-size:17px}.fn-settings-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:28px}.fn-settings-links a{padding:16px;display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--border);border-radius:13px;font-size:13px;font-weight:600}.fn-settings-links i{color:var(--accent);font-size:23px}.fn-settings-links small{display:block;color:var(--text2);font-size:11px;font-weight:400;margin-top:3px}.fn-settings-links a.active{border-color:var(--accent);background:var(--accent-softer)}
.tracking-banner{position:sticky;top:0;left:auto;right:auto;z-index:800;padding:12px 24px;background:var(--bg2);color:var(--green);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}.tracking-dot{background:var(--green)}#tracking-text{flex:1;min-width:160px}body.tracking-active .fn-container{padding-top:24px}.fn-journey{padding:24px;margin-bottom:24px}.fn-journey-head{display:flex;align-items:center;gap:14px}.fn-journey-head h2{font-size:24px;font-weight:700;letter-spacing:-.04em}.fn-journey-head p{font-size:13px;color:var(--text2)}.fn-journey-symbol{display:grid;place-items:center;width:52px;height:52px;background:var(--accent-soft);color:var(--accent);border-radius:16px;font-size:26px}.fn-journey-head>.badge{margin-left:auto}.fn-journey>p{font-size:13px;color:var(--text2);margin:18px 0}.fn-journey-actions{display:flex;gap:12px;align-items:center;margin-top:16px}#journey-map{height:290px;border-radius:13px;overflow:hidden;isolation:isolate;z-index:0}.fn-journey-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.fn-journey-metrics>div{padding:15px;background:var(--bg3);border-radius:12px}.fn-journey-metrics strong{display:block;font-size:24px;letter-spacing:-.04em}.fn-journey-metrics span{font-size:11px;color:var(--text2)}.fn-map-caption{font-size:11px;color:var(--text2);margin-top:10px}
.fn-mtop{background:var(--fn-navy);color:#fff;border:0;height:calc(64px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.fn-mtop .fn-brand,.fn-mtop .fn-brand span{color:white}.fn-hamburger span{background:#cfe0f4}.fn-bottom-nav{background:var(--fn-navy);border-top:1px solid #28415c;padding-bottom:var(--safe-bottom);z-index:950}.fn-bottom-inner{height:66px}.fn-bn-item{color:#acbed5;font-size:10px;gap:4px;border:0;background:transparent;flex:1}.fn-bn-item.active{color:#74b0ff}.fn-bn-item.active:after{background:#74b0ff}.fn-bn-item i{font-size:22px}.fn-bn-gps{background:var(--fn-blue);color:#fff;border:4px solid var(--fn-navy);box-shadow:none}.fn-bn-gps.tracking{background:#158b67}.fn-admin-nav .fn-bn-item{min-width:0}.fn-drawer{border-radius:20px 0 0 20px}.fn-drawer-link{min-height:46px}.modal-box{border-radius:20px;padding:24px;max-height:85dvh}.modal-box .input,.modal-box .select{width:100%}
.fn-login{min-height:100dvh;display:grid;place-items:center;background:#071b32;padding:36px}.fn-login-shell{width:min(1100px,100%);display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #244467;border-radius:28px;overflow:hidden;background:var(--bg2);box-shadow:0 30px 90px #0004}.fn-login-story{background:radial-gradient(ellipse at 100% 40%,#225b8e 0,transparent 65%),linear-gradient(155deg,#123659,#061a31);padding:46px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:680px}.fn-login-wordmark{font-size:27px;font-weight:700;letter-spacing:-.04em}.fn-login-wordmark i{color:#76b5ff}.fn-login-story .fn-eyebrow{color:#97bee9}.fn-login-story h1{font-size:46px;line-height:1.13;font-weight:700;letter-spacing:-.05em;margin:18px 0}.fn-login-story p{color:#b8cce2;font-size:14px;max-width:310px;line-height:1.8}.fn-login-route{display:flex;align-items:center;gap:12px;margin-top:36px;font-size:29px;color:#8bc0ff}.fn-login-route span{height:1px;border-top:2px dashed #5786b7;flex:1}.fn-login-tag{font-size:12px!important}.fn-login-form{padding:54px 44px;display:flex;flex-direction:column;justify-content:center}.fn-auth-icon{display:grid;place-items:center;width:60px;height:60px;background:var(--accent-soft);color:var(--accent);font-size:32px;border-radius:18px;margin:0 auto 20px}.fn-login-form .card{border:0;box-shadow:none;background:none}.fn-login-form .card-body{padding:0;gap:24px}.fn-login-form input.input{min-height:50px;font-size:16px}.fn-auth-heading{font-size:20px;font-weight:650}.fn-login-form .btn-primary{min-height:50px}.fn-login-form .text-center.mb-8{margin-bottom:32px}.fn-login-form .opacity-40{opacity:.8}
@media(min-width:769px){.fn-bottom-nav{display:none}}
@media(max-width:1100px){.fn-vehicle-grid{grid-template-columns:1fr}.fn-settings-links{grid-template-columns:repeat(2,minmax(0,1fr))}.fn-fleet-workspace{grid-template-columns:250px minmax(0,1fr)}.fn-container{padding:24px}.fn-map-entry-cta{font-size:0}.fn-map-entry-cta i{font-size:24px}.fn-history-layout{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:768px){.fn-app.has-sidebar{grid-template-columns:1fr}.fn-container{padding:22px 16px calc(92px + var(--safe-bottom))!important}.fn-page-header{margin-bottom:22px;align-items:flex-start;flex-wrap:wrap}.fn-page-title{font-size:25px}.fn-page-sub{font-size:12px;line-height:1.6}.card-body{padding:18px}.fn-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fn-stat-card{padding:14px 14px 24px;min-height:138px}.fn-stat-value{font-size:27px}.fn-kpi-top{margin-bottom:8px}.fn-stat-label{font-size:11px}.fn-fleet-workspace{display:flex;flex-direction:column;gap:14px}.fn-fleet-stage{order:-1;width:100%}.fn-fleet-stage #map{height:52dvh!important;min-height:300px}.fn-driver-list{width:100%;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.driver-card{padding:14px}.driver-card>div{flex-wrap:wrap}.driver-card .text-sm{font-size:15px}.fn-history-layout{display:flex;flex-direction:column}.fn-history-layout>div{width:100%}.fn-history-detail{order:-1}.fn-history-detail #map{height:350px!important}.fn-filters{padding:12px;gap:10px}.fn-filters .form-control{min-width:120px}.fn-filters .input,.fn-filters .select{width:100%;font-size:14px}.fn-rpt-grid{grid-template-columns:1fr;gap:10px}.fn-rpt-card{min-height:85px;padding:16px}.fn-alert-list>.card{padding:17px}.fn-alert-list>.card>div{flex-wrap:wrap}.fn-alert-list .flex-shrink-0{width:100%;padding-top:12px;border-top:1px solid var(--border)}.fn-settings-links{gap:8px;margin-bottom:24px}.fn-settings-links a{padding:12px;gap:8px;font-size:12px}.fn-settings-links small{font-size:10px}.fn-settings-links i{font-size:20px}.fn-map-entry{padding:20px;gap:14px;align-items:flex-start}.fn-map-entry-icon{width:44px;height:44px;font-size:23px;flex-shrink:0;border-radius:12px}.fn-map-entry h2{font-size:20px}.fn-map-entry p{font-size:12px}.fn-map-entry-cta{display:none}.tracking-banner{top:calc(64px + env(safe-area-inset-top,0px));padding:10px 16px;font-size:11px}.tracking-banner .btn{min-height:36px}.fn-journey{padding:18px}.fn-journey-head{gap:10px;flex-wrap:wrap}.fn-journey-head h2{font-size:21px}.fn-journey-symbol{width:42px;height:42px;border-radius:12px;font-size:22px}.fn-journey-head .badge{font-size:10px}.fn-journey-metrics>div{padding:12px 8px}.fn-journey-metrics strong{font-size:22px}.fn-journey-metrics span{font-size:10px}.fn-journey-actions .btn{flex:1;font-size:12px}.fn-journey-actions{gap:6px}#journey-map{height:260px}.fn-login{padding:20px 16px}.fn-login-shell{max-width:440px;display:block;border-radius:24px}.fn-login-story{display:none}.fn-login-form{padding:38px 25px}.btn-xs{min-height:40px}.input,.select,.textarea{font-size:16px}.fn-subnav{margin-bottom:18px}.fn-subnav a{min-height:40px}.fn-vehicle-grid>.card{padding:18px}}
@media(max-width:380px){.fn-container{padding-left:12px!important;padding-right:12px!important}.fn-driver-list{grid-template-columns:1fr}.fn-journey-head .badge{margin-left:52px}.fn-stat-value{font-size:24px}.fn-stat-value small{font-size:11px}.fn-settings-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.fn-sidebar,.fn-mtop,.fn-bottom-nav,.fn-subnav,.fn-settings-links,.fn-map-entry,.tracking-banner,.fn-skip{display:none!important}.fn-app.has-sidebar{display:block}.fn-container{padding:0!important}.card{box-shadow:none;break-inside:avoid}}