#fleet,.fl-dialog,.fl-mine,.fl-notifications{color:#16264b;font-family:Cabin,Arial,sans-serif;font-size:16px;line-height:1.45}#fleet h1,.fl-mine h1{font-size:30px;margin:0 0 5px;color:#101b36}#fleet h2,.fl-dialog h2,.fl-mine h2,.fl-notifications h3{font-size:19px;margin:0 0 14px;display:flex;align-items:center;gap:10px;color:#101b36}#fleet h3{font-size:20px;margin:0 0 6px}#fleet p,.fl-mine p{margin:5px 0 12px}#fleet small,.fl-mine small,.fl-dialog small{font-size:14px}#fleet svg,.fl-dialog svg,.fl-mine svg,.fl-notifications svg{width:23px;height:23px;flex-shrink:0;vertical-align:middle}#fleet .btn,.fl-dialog .btn,.fl-mine .btn,.fl-notifications .btn{font-size:15px;min-height:42px;padding:9px 14px;border-radius:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:normal}.fl-dialog .btn.primary,.fl-mine .btn.primary,#fleet .btn.primary{background:linear-gradient(110deg,#40BAFF,#5C70F7);color:#fff;border-color:transparent;box-shadow:0 5px 13px #438dff22}.fl-head,.fl-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.fl-head{margin-bottom:24px}.fl-head p,.fl-muted{color:#617495}.fl-panel-head{margin-bottom:14px}.fl-panel-head h2{margin:0!important}.fl-panel-head>div{display:flex;gap:8px}.fl-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.fl-metric{display:flex;align-items:center;gap:14px;padding:21px 18px;border:1px solid #e3edff;border-radius:15px;min-width:0}.fl-metric b{font-size:30px;display:block;color:#111d42;line-height:1.2}.fl-metric span:not(.fl-icon){display:block;margin-top:4px}.fl-metric.blue{background:#eef7ff}.fl-metric.green{background:#eafaf3}.fl-metric.orange{background:#fff6e9}.fl-metric.red{background:#fff0f3}.fl-metric.purple{background:#f1edff}.fl-icon{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#168bff;background:#dcedff;flex-shrink:0}.green .fl-icon{color:#22b574;background:#d6f7e7}.orange .fl-icon{color:#e79325;background:#ffecd4}.red .fl-icon{color:#f3314c;background:#ffe0e5}.purple .fl-icon{color:#8350ed;background:#e8dcff}.fl-panel{background:#ffffffde;border:1px solid #e3edff;box-shadow:0 4px 18px #446cab05;border-radius:16px;padding:20px;margin-bottom:20px;min-width:0}.fl-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.fl-filters select,.fl-filters input,.fl-field input,.fl-field select,.fl-field textarea{border:1px solid #dce7fb;border-radius:10px;background:#fff;color:#203451;padding:12px 13px;font:inherit;min-height:44px;max-width:100%}.fl-search{flex:1;min-width:240px;position:relative}.fl-search svg{position:absolute;left:12px;top:13px;color:#6d8aaa}.fl-search input{padding-left:44px;width:100%;box-sizing:border-box}.fl-table-wrap{overflow-x:auto;border:1px solid #e6edfa;border-radius:12px}.fl-table{width:100%;border-collapse:collapse;font-size:15px!important;min-width:960px}.fl-table th{background:#f2f7fd;color:#5c7398;font-weight:600;text-align:left;font-size:14px;padding:13px 12px;white-space:nowrap}.fl-table td{padding:12px;border-top:1px solid #e9effa;vertical-align:middle;white-space:normal;line-height:1.4}.fl-table td small{display:block;margin-top:4px;color:#6580a6}.fl-table td:last-child{white-space:nowrap}.fl-table td:last-child .btn{margin:2px}.fl-table-vehicle{display:flex;align-items:center;gap:12px;min-width:145px}.fl-table-vehicle .fl-photo{width:65px;height:48px;border-radius:9px}.fl-table-vehicle .fl-placeholder small{display:none}.fl-table-vehicle .fl-placeholder svg{width:38px;height:38px}.fl-selected td{background:#f6fbff}.fl-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:9px;font-size:14px;font-weight:600;background:#e0f8ed;color:#178f58;white-space:nowrap}.fl-badge svg{width:16px!important;height:16px!important}.fl-badge.orange{background:#fff1dd;color:#c47715}.fl-badge.red{background:#ffe7eb;color:#dd2840}.fl-red{color:#d92745!important}.fl-detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.fl-vehicle-identity{display:flex;gap:20px;align-items:center;margin-bottom:20px}.fl-photo{width:170px;height:120px;object-fit:contain;background:#f2f7fd;border-radius:15px;display:block}.fl-placeholder{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:#7593c4;text-align:center;flex-shrink:0}.fl-placeholder svg{width:80px!important;height:60px!important}.fl-vehicle-identity .fl-badge{margin:0 10px}.fl-vehicle-identity p{font-size:15px;color:#5f7291}.fl-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fl-tile{background:#fcfdff;border:1px solid #e5eefb;border-radius:13px;padding:14px 12px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.fl-tile-title{display:flex;gap:8px;align-items:center;margin-bottom:10px;color:#213c67;font-size:14px}.fl-tile-title svg{color:#198dff}.fl-tile>b{font-size:17px;line-height:1.35;display:block;margin-bottom:7px}.fl-tile p{font-size:14px;color:#5f779e;margin:0 0 10px!important}.fl-tile .btn{margin-top:auto;align-self:stretch;font-size:14px!important;padding:7px 9px!important}.fl-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.fl-history{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #eff3fb;justify-content:space-between}.fl-history>span{color:#259aff}.fl-history>div{flex:1;min-width:0}.fl-history b{font-size:15px;display:block}.fl-history small{display:block;margin-top:4px;color:#6c83a5}.fl-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fl-chart-note{color:#526c95;font-size:14px}.fl-bars{height:170px;display:flex;align-items:flex-end;gap:15px;padding:15px 5px}.fl-bars>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.fl-bars span{background:linear-gradient(#64bbff,#288bfa);width:85%;border-radius:4px 4px 0 0}.fl-bars b,.fl-bars small{font-size:13px}.fl-line{width:100%!important;height:160px!important}.fl-costs{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:15px}.fl-donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#258dff var(--fuel),#8b64ef 0);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate}.fl-donut:before{content:'';position:absolute;inset:20px;border-radius:50%;background:white;z-index:-1}.fl-donut b{font-size:18px}.fl-donut small{font-size:11px!important}.fl-dot{width:9px;height:9px;display:inline-block;background:#298dff;border-radius:50%;margin-right:5px}.fl-dot.purple{background:#8b64ef}.fl-costs p{font-size:14px}.fl-empty{padding:28px 8px;color:#7186a7;line-height:1.6}.fl-alert{display:flex;gap:12px;align-items:center;background:#fff4e8;border:1px solid #ffe4b7;border-left:3px solid #ed9c25;border-radius:13px;padding:14px;margin:10px 0}.fl-alert.red{background:#fff1f3;border-color:#ffcdd5;border-left-color:#f12e48}.fl-alert>div{flex:1}.fl-alert b{font-size:16px;color:#c16b0b}.fl-alert.red b{color:#d72740}.fl-alert p{margin:5px 0!important;font-size:15px}.fl-alert small{color:#677d9e}.fl-alert .fl-icon{width:36px;height:36px}.fl-notifications{margin-bottom:20px}.fl-error,.fl-form-error{color:#bd2443}.fl-dialog{width:min(560px,calc(100% - 32px));max-height:90dvh;overflow-y:auto;border:1px solid #dfe9f9;border-radius:22px;box-shadow:0 20px 60px #172d6440;padding:24px;box-sizing:border-box;background:#f7faff}.fl-dialog::backdrop{background:#15274e66}.fl-back{background:none;border:0;padding:0;margin:0 0 18px;color:#267dfe;font:inherit;font-size:15px;cursor:pointer}.fl-form-card{border-radius:15px;background:white;padding:18px;margin-bottom:20px;border:1px solid #e9effa}.fl-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#314b75;font-size:15px}.fl-field input,.fl-field select,.fl-field textarea{width:100%;box-sizing:border-box;font-size:16px}.fl-field textarea{resize:vertical}.fl-field input:focus,.fl-field select:focus,.fl-field textarea:focus{outline:3px solid #dceeff;border-color:#4a9cff}.fl-file{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f3f6fc;border:1px dashed #c8daf4;border-radius:12px;padding:18px;gap:8px;color:#2479ea;font-size:15px;cursor:pointer}.fl-file span{font-size:13px;color:#6c81a4}.fl-file input{width:100%;font:inherit;font-size:13px}.fl-file svg{width:30px;height:30px}.fl-dialog .full{width:100%}.fl-dialog .fl-submit-red{background:linear-gradient(100deg,#ff4b66,#ff1c41);box-shadow:none}.fl-record{display:flex;gap:15px;justify-content:space-between;border:1px solid #e4ecfa;border-radius:13px;padding:15px;background:white;margin:12px 0}.fl-record h3{margin:0;font-size:18px}.fl-record p{margin:5px 0;color:#567092}.fl-record>div:last-child{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.fl-mine{padding:10px 0 125px}.fl-mine h1{font-size:25px;margin-bottom:20px}.fl-mine-identity{display:flex;gap:14px;align-items:center;padding:16px}.fl-mine-identity .fl-photo{width:44%;height:118px}.fl-mine-identity h2{margin:0 0 5px;font-size:20px}.fl-mine-identity>div:last-child{flex:1}.fl-mine-identity>div>b{display:block;font-size:21px;color:#172442}.fl-mine-identity p{font-size:12px;margin:6px 0 9px}.fl-mine-identity .fl-badge{font-size:12px;padding:4px 8px}.fl-mine-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.fl-mine .fl-tile{background:white;padding:15px 12px;min-height:152px}.fl-mine .fl-tile b{font-size:18px}.fl-mine .fl-tile .btn{min-height:43px;font-size:14px!important}.fl-mine .fl-panel h2{font-size:18px}.fl-problem-link{display:flex;align-items:center;gap:12px;text-align:left;color:#e82c49;border:0;border-radius:14px;background:#fff0f3;padding:18px;width:100%;font:inherit;cursor:pointer}.fl-problem-link>span{flex:1}.fl-problem-link b,.fl-problem-link small{display:block}.fl-problem-link small{color:#74849c;font-size:13px!important;margin-top:4px}#courierApp.fleet-open .courier-main>:not(#myVehicle):not(#journeyHost){display:none!important}#courierApp.fleet-open #journeyHost>:not(.bc-bottom-nav){display:none!important}#myVehicle[hidden]{display:none!important}#myVehicleButton{position:relative}.fl-dialog h2{font-size:23px}.fl-dialog .fl-muted{font-size:14px}
@media(min-width:1100px){.fl-detail-grid .fl-detail{padding:20px}.fl-tiles{gap:8px}.fl-tile{padding:12px 9px}}
@media(max-width:1200px){.fl-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.fl-detail-grid{grid-template-columns:1fr}.fl-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){#fleet{font-size:16px}.fl-head{align-items:flex-start;flex-direction:column}.fl-head h1{font-size:27px}.fl-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fl-metric{padding:15px 12px;gap:10px}.fl-metric b{font-size:27px}.fl-metric span:not(.fl-icon){font-size:14px}.fl-metric .fl-icon{width:38px;height:38px}.fl-panel{padding:15px}.fl-panel-head{flex-wrap:wrap}.fl-panel-head h2{font-size:18px!important}.fl-panel-head>div{flex-wrap:wrap}.fl-charts{grid-template-columns:1fr}.fl-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-vehicle-identity{align-items:flex-start;gap:12px}.fl-vehicle-identity .fl-photo{width:120px;height:110px}.fl-vehicle-identity .fl-badge{margin:5px 0}.fl-vehicle-identity p{font-size:14px}.fl-alert{align-items:flex-start;gap:9px}.fl-alert .fl-icon{width:30px;height:30px}.fl-alert .btn{min-height:36px!important;padding:6px 9px!important}.fl-dialog{padding:18px;max-height:92dvh}.fl-record{flex-direction:column}.fl-record>div:last-child{flex-direction:row}.fl-search{min-width:180px}.fl-filters select{flex:1}.fl-mine .fl-tile-title{font-size:14px}.fl-mine .fl-tile p{font-size:13px}.fl-mine .fl-panel{margin-bottom:14px}}
#managerApp:has(#fleet.active) .topbar .inline>div,#managerApp:has(#fleet.active) .topbar .desktop-only,#managerApp:has(#fleet.active) #newTourButton{display:none}#managerApp:has(#fleet.active) .topbar{min-height:44px;padding-block:10px}#managerApp:has(#fleet.active) .demo-banner{margin-bottom:20px}
.fl-resolve-actions{display:flex;gap:10px;flex-wrap:wrap}.fl-resolve-actions .btn{flex:1}

/* V140 — fleet presentation, isolated from the courier vehicle screen. */
#managerApp #fleet .fl-layout140{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
#managerApp #fleet .fl-layout140.fl-has-panel140{grid-template-columns:minmax(0,1fr) 354px}
#managerApp #fleet .fl-main140{min-width:0}
#managerApp #fleet .fl-layout140 .fl-main140>.fl-head{gap:12px;margin:0 0 18px}
#managerApp.pd121 #fleet .fl-layout140 .fl-head>div:first-child{display:block}
#managerApp.pd121 #fleet .fl-layout140 .fl-head h1{display:none}
#managerApp.pd121 #fleet .fl-layout140 .fl-head p{font-size:14px;margin:0;color:#5e7b9d}
#managerApp.pd121 #fleet .fl-layout140 .fl-head{justify-content:flex-end}
#managerApp #fleet .fl-layout140 .fl-metrics{gap:12px}
#managerApp #fleet .fl-layout140 .fl-metrics .fl-metric{background:#fff;border:1px solid #e0ecfb;box-shadow:0 3px 12px #1d70bd08;border-radius:15px;padding:18px 14px;gap:12px}
#managerApp #fleet .fl-layout140 .fl-metric>div{display:flex;flex-direction:column-reverse;gap:6px;min-width:0}
#managerApp #fleet .fl-layout140 .fl-metric>div>span{font-size:13px;color:#55789a;margin:0;line-height:1.3}
#managerApp #fleet .fl-layout140 .fl-metric b{font-size:28px;letter-spacing:-.6px}
#managerApp #fleet .fl-layout140 .fl-main140>.fl-panel{padding:18px;border:1px solid #e0ecfb;border-radius:16px;box-shadow:0 4px 16px #20659b07;background:#fff}
#managerApp #fleet .fl-layout140 .fl-filters .fl-search{min-width:200px}
#managerApp #fleet .fl-layout140 .fl-filters :is(input,select){min-height:44px;font-size:14px}
#managerApp #fleet .fl-layout140 .fl-table{min-width:730px}
#managerApp #fleet .fl-layout140 .fl-table :is(th,td){padding:11px 10px;font-size:13px}
#managerApp #fleet .fl-layout140 .fl-table th{background:#f0f7ff;color:#52759b;font-size:12px}
#managerApp #fleet .fl-layout140 .fl-table tbody tr[data-fl-row140]{cursor:pointer;outline-offset:-3px;touch-action:manipulation}
#managerApp #fleet .fl-layout140 .fl-table tbody tr:hover td{background:#f1f8ff}
#managerApp #fleet .fl-layout140 .fl-table tbody .fl-selected td{background:#eaf5ff;border-top-color:#c9e3ff}
#managerApp #fleet .fl-layout140 .fl-table tbody .fl-selected td:first-child{box-shadow:inset 3px 0 #279bff}
#managerApp #fleet .fl-layout140 .fl-table .fl-table-vehicle{min-width:115px;gap:9px}
#managerApp #fleet .fl-layout140 .fl-table .btn{min-width:38px;min-height:38px;font-size:12px;padding:7px;gap:5px}
#managerApp #fleet .fl-layout140 .fl-table .btn svg{width:17px;height:17px}
#managerApp #fleet .fl-layout140 .fl-vehicle-panel140{position:fixed;top:82px;right:24px;bottom:18px;width:354px;min-height:0;z-index:35;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dfebfb;border-radius:18px;box-shadow:0 6px 24px #276da512;overflow:hidden;color:#1b3657}
#managerApp #fleet .fl-layout140 .fl-panel-identity140{display:flex;gap:16px;align-items:center;position:relative;padding:24px 20px 20px;flex-shrink:0}
#managerApp #fleet .fl-layout140 .fl-panel-identity140>.fl-photo{width:96px;height:84px;border:1px solid #dcecff;border-radius:14px;background:#f6faff;flex-shrink:0}
#managerApp #fleet .fl-layout140 .fl-panel-identity140>.fl-photo svg{width:54px!important;height:44px!important}
#managerApp #fleet .fl-layout140 .fl-panel-identity140>.fl-photo small{font-size:11px}
#managerApp #fleet .fl-layout140 .fl-panel-identity140>div:last-child{min-width:0}
#managerApp #fleet .fl-layout140 .fl-panel-identity140 h2{font-size:21px;line-height:1.2;margin:0 20px 10px 0;overflow-wrap:anywhere;display:block}
#managerApp #fleet .fl-layout140 .fl-panel-identity140 .fl-badge{font-size:11px;margin-top:9px;padding:4px 7px}
#managerApp #fleet .fl-layout140 .fl-plate140{display:table;background:#f2f8ff;border:1px solid #e1edfa;padding:4px 8px;border-radius:7px;font-size:13px;font-weight:600}
#managerApp #fleet .fl-layout140 .fl-close140{position:absolute;top:5px;right:5px;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:#6685a6;font:26px/1 Arial;cursor:pointer}
#managerApp #fleet .fl-layout140 .fl-close140:hover{background:#eef6ff;color:#167ee3}
#managerApp #fleet .fl-layout140 .fl-panel-tabs140{display:flex;margin:0 18px;border-bottom:1px solid #e2edf9;flex-shrink:0}
#managerApp #fleet .fl-layout140 .fl-panel-tabs140 button{flex:1;min-width:0;min-height:46px;padding:10px 3px;background:none;border:0;border-bottom:2px solid transparent;color:#5d7c9f;font:600 13px Cabin,Arial,sans-serif;cursor:pointer}
#managerApp #fleet .fl-layout140 .fl-panel-tabs140 [aria-selected=true]{color:#1689f5;border-bottom-color:#1689f5}
#managerApp #fleet .fl-layout140 .fl-panel-content140{overflow:auto;overscroll-behavior:contain;padding:8px 20px 20px;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#ccdef2 transparent}
#managerApp #fleet .fl-layout140 .fl-facts140{margin:0;padding:10px 0 16px;border-bottom:1px solid #e9f0fa}
#managerApp #fleet .fl-layout140 .fl-fact140{display:flex;gap:16px;align-items:flex-start;padding:10px 2px}
#managerApp #fleet .fl-layout140 .fl-fact140>svg{width:21px;height:21px;color:#3576ad;margin-top:5px}
#managerApp #fleet .fl-layout140 .fl-fact140 dt{font-size:12px;color:#6588ab;margin-bottom:3px}
#managerApp #fleet .fl-layout140 .fl-fact140 dd{margin:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
#managerApp #fleet .fl-layout140 .fl-fact140 .fl-badge{font-size:12px;padding:3px 7px}
#managerApp #fleet .fl-layout140 .fl-documents140{padding-top:18px}
#managerApp #fleet .fl-layout140 .fl-documents140 h3{font-size:15px;display:flex;gap:8px;align-items:center;margin:0}
#managerApp #fleet .fl-layout140 .fl-documents140 .btn{font-size:12px;padding:6px 9px;min-height:36px}
#managerApp #fleet .fl-layout140 .fl-document140{display:flex;gap:10px;align-items:center;border:1px solid #e0ecfa;border-radius:10px;padding:10px;margin-bottom:9px}
#managerApp #fleet .fl-layout140 .fl-document140>svg{color:#2488e8;width:21px;height:21px}
#managerApp #fleet .fl-layout140 .fl-document140>div{flex:1;min-width:0}
#managerApp #fleet .fl-layout140 .fl-document140 b{font-size:13px;display:block;overflow-wrap:anywhere}
#managerApp #fleet .fl-layout140 .fl-document140 small{font-size:12px;display:block;color:#7190ae;margin-top:3px}
#managerApp #fleet .fl-layout140 .fl-panel-footer140{padding:14px 18px;border-top:1px solid #e4eef9;background:#fcfdff;flex-shrink:0}
#managerApp #fleet .fl-layout140 .fl-panel-footer140 .btn{width:100%;font-size:14px;min-height:44px}
#managerApp #fleet .fl-layout140 .fl-panel-content140 h3{font-size:16px;margin:12px 0}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-panel-head{flex-wrap:wrap;gap:8px;margin:8px 0 12px}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-empty{font-size:13px;padding:16px 0}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-tiles{grid-template-columns:1fr;gap:12px;margin:12px 0}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-tile{padding:15px}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-detail-actions{display:grid;grid-template-columns:1fr}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-detail-actions .btn{font-size:13px;justify-content:flex-start}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-charts{display:block;margin-top:18px}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-charts .fl-panel{padding:14px;margin-bottom:12px}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-history b{font-size:14px}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-history small{font-size:12px}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-alert{flex-wrap:wrap;padding:12px}
#managerApp #fleet .fl-layout140 .fl-panel-content140 .fl-alert>div{min-width:150px}
#managerApp #fleet .fl-layout140 :is(button,tr,div[tabindex]):focus-visible{outline:2px solid #228fff;outline-offset:2px}
#managerApp #fleet .fl-layout140 #fleetVehicleTitle140:focus{outline:none}
@media(max-width:1450px){#managerApp #fleet .fl-layout140.fl-has-panel140{grid-template-columns:minmax(0,1fr) 330px;gap:16px}#managerApp #fleet .fl-layout140 .fl-vehicle-panel140{width:330px}#managerApp #fleet .fl-layout140 .fl-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){#managerApp #fleet .fl-layout140.fl-has-panel140{grid-template-columns:1fr}#managerApp #fleet .fl-layout140 .fl-vehicle-panel140{position:fixed;inset:82px 14px 14px auto;top:82px;width:min(390px,calc(100vw - 28px));height:auto;max-height:calc(100dvh - 96px);min-height:0;z-index:75;box-shadow:0 12px 60px #244c8052}}
@media(max-width:600px){#managerApp #fleet .fl-layout140 .fl-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#managerApp #fleet .fl-layout140 .fl-metrics .fl-metric{padding:14px 12px}#managerApp #fleet .fl-layout140 .fl-vehicle-panel140{inset:max(12px,env(safe-area-inset-top)) 8px max(12px,env(safe-area-inset-bottom));width:auto;max-height:none;z-index:75}#managerApp #fleet .fl-layout140 .fl-panel-identity140{padding:22px 18px 16px}#managerApp #fleet .fl-layout140 .fl-fact140 dd{font-size:16px}#managerApp #fleet .fl-layout140 .fl-panel-tabs140 button{font-size:14px;min-height:48px}#managerApp #fleet .fl-layout140 .fl-close140{width:44px;height:44px}#managerApp #fleet .fl-layout140 .fl-document140 .btn{min-width:44px;min-height:44px}#managerApp #fleet .fl-layout140 .fl-filters .fl-search{min-width:0;flex-basis:100%}#managerApp #fleet .fl-layout140 .fl-filters :is(input,select){font-size:16px}#managerApp #fleet .fl-layout140 .fl-table .btn{min-width:44px;min-height:44px}}
#managerApp #fleet .fl-layout140 .fl-table-vehicle .fl-placeholder svg{width:36px!important;height:28px!important}
#managerApp #fleet .fl-layout140 .fl-panel-tabs140 button{transition:color .15s,border-color .15s}
@media(prefers-reduced-motion:reduce){#managerApp #fleet .fl-layout140 .fl-panel-tabs140 button{transition:none}}

/* Compact fuel-card rows. Full references remain in the existing edit form only. */
#fuelCardPanel90 .fc150-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
#fuelCardPanel90 .fc150-title{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.35;color:#1b3657;margin:0}
#fuelCardPanel90 .fc150-title>svg{color:#2389e6;width:22px;height:22px}
#fuelCardPanel90 .fc150-list{display:grid;gap:10px}
#fuelCardPanel90 .fc150-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(100px,.7fr) minmax(125px,.8fr) auto auto;align-items:center;gap:18px;border:1px solid #dfebf8;border-radius:12px;background:#fff;padding:14px 16px;min-width:0}
#fuelCardPanel90 .fc150-person{display:flex;align-items:center;gap:10px;min-width:0;color:#1d3f65}
#fuelCardPanel90 .fc150-person>svg{width:21px;height:21px;flex-shrink:0;color:#3786ce}
#fuelCardPanel90 .fc150-person>strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
#fuelCardPanel90 .fc150-reference,#fuelCardPanel90 .fc150-expiry{display:flex;flex-direction:column;gap:4px;min-width:0}
#fuelCardPanel90 .fc150-label{font-size:12px;line-height:1.3;color:#5e7590}
#fuelCardPanel90 .fc150-number{font-size:14px;font-weight:600;letter-spacing:.8px;color:#234a71;overflow-wrap:anywhere}
#fuelCardPanel90 .fc150-date{display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.4;color:#284b70;font-variant-numeric:tabular-nums}
#fuelCardPanel90 .fc150-date>svg{width:16px;height:16px;color:#6284a6}
#fuelCardPanel90 .fc150-status{display:inline-flex;align-items:center;justify-self:start;gap:6px;border-radius:7px;padding:6px 8px;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}
#fuelCardPanel90 .fc150-status>svg{width:15px;height:15px;flex-shrink:0}
#fuelCardPanel90 .fc150-valid{color:#176b48;background:#e8f6ee}
#fuelCardPanel90 .fc150-soon{color:#8a520d;background:#fff2de}
#fuelCardPanel90 .fc150-expired{color:#af2640;background:#ffebef}
#fuelCardPanel90 .fc150-edit,#fuelCardPanel90 .fc150-assign{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px!important;padding:9px 12px;border:1px solid #cfe3f8;border-radius:9px;background:#f5faff;color:#2167a8;font-size:13px;line-height:1.3;cursor:pointer}
#fuelCardPanel90 .fc150-edit>svg,#fuelCardPanel90 .fc150-assign>svg{width:17px;height:17px}
#fuelCardPanel90 .fc150-edit:hover,#fuelCardPanel90 .fc150-assign:hover{background:#e8f3ff;border-color:#9fc8ef}
#fuelCardPanel90 .fc150-edit:focus-visible,#fuelCardPanel90 .fc150-assign:focus-visible{outline:2px solid #228fff;outline-offset:3px}
#fuelCardPanel90 .fc150-empty{color:#607590;margin:0;padding:8px 0;font-size:14px}
#fuelCardPanel90 .fc150-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){#fuelCardPanel90 .fc150-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px 16px}#fuelCardPanel90 .fc150-person{grid-column:1 / 3}#fuelCardPanel90 .fc150-edit{grid-column:3;grid-row:1}#fuelCardPanel90 .fc150-status{grid-column:3;grid-row:2}#fuelCardPanel90 .fc150-reference,#fuelCardPanel90 .fc150-expiry{grid-row:2}}
@media(max-width:600px){#fuelCardPanel90 .fc150-head{gap:12px;margin-bottom:14px}#fuelCardPanel90 .fc150-title{font-size:17px}#fuelCardPanel90 .fc150-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:13px 12px}#fuelCardPanel90 .fc150-person{grid-column:1 / -1}#fuelCardPanel90 .fc150-person>strong{font-size:14px}#fuelCardPanel90 .fc150-status{grid-column:1;grid-row:3;white-space:normal}#fuelCardPanel90 .fc150-edit{grid-column:2;grid-row:3;justify-self:end}#fuelCardPanel90 .fc150-label{font-size:12px}#fuelCardPanel90 .fc150-number,#fuelCardPanel90 .fc150-date{font-size:13px}#fuelCardPanel90 .fc150-date{gap:5px}#fuelCardPanel90 .fc150-assign{width:100%}}
