:root{font-family:Segoe UI,Arial;color:#10213a;background:#f3f6fb;--p:#5b37f2;--nav:#10243d;--line:#dfe6ef;--green:#087a45;--red:#c42b3c;--orange:#d97706}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0b1830,#31516f)}.login{width:min(420px,92vw);padding:30px;background:#fff;border-radius:20px;box-shadow:0 30px 80px #0005}.logo{width:160px;border-radius:14px}.login label,.form label{display:block;font-size:12px;font-weight:700}.login input,.form input,.form select,.form textarea{display:block;width:100%;padding:10px;border:1px solid #cbd5e2;border-radius:8px;margin-top:4px}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{background:var(--nav);color:white;padding:16px 12px}.brand{text-align:center}.nav{width:100%;border:0;background:transparent;color:#dce5ef;padding:11px;text-align:left;border-radius:8px;cursor:pointer}.nav.active{background:#ffffff18;border-left:4px solid #9a82ff}.main{padding:18px 22px;min-width:0}.top,.hero,.actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.btn{padding:8px 12px;border:1px solid #cad4e1;background:#fff;border-radius:8px;cursor:pointer}.primary{background:var(--p);color:#fff;border:0}.danger{color:var(--red)}.panel,.card,.kpi{background:#fff;border:1px solid #e8edf4;border-radius:14px;padding:14px;box-shadow:0 4px 18px #10213a0b;margin:10px 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi b{display:block;font-size:25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.table{overflow:auto}.tr{display:grid;grid-template-columns:1.2fr 1fr .7fr .7fr .8fr .75fr 90px;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.th{background:#203f6d;color:#fff;font-size:11px;font-weight:700}.small,small{display:block;color:#718096}.pill{padding:4px 8px;border-radius:999px;background:#eef2f7;font-size:11px}.Departed,.Arrived,.Delivered{background:#e8f8ef;color:var(--green)}.Delayed{background:#fff3d8;color:#a65e00}.finance{grid-template-columns:1.2fr repeat(6,.75fr)}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modal{position:fixed;inset:0;background:#091224aa;display:grid;place-items:center;z-index:10}.dialog{width:min(1000px,95vw);max-height:92vh;overflow:auto;background:#fff;border-radius:15px}.mh,.mf{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.mf{border-top:1px solid var(--line);border-bottom:0}.mb{padding:18px}.leg{padding:10px;border:1px solid var(--line);border-radius:9px}.error{color:var(--red);margin-top:8px}@media(max-width:1000px){.app{grid-template-columns:1fr}.side{display:none}.kpis,.grid,.form{grid-template-columns:1fr}.tr{grid-template-columns:1fr}.th{display:none}}
/* Append this complete block to the END of public/style.css */

.tower-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:22px 24px;margin:10px 0 14px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#102a4c,#234e7b 62%,#5b37f2);box-shadow:0 18px 45px #15355d24}.tower-hero h2{margin:5px 0;font-size:27px}.tower-hero p{margin:0;color:#dce8f6}.tower-clock{padding:10px 13px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff12;font-weight:700}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#6f7f94}.tower-hero .eyebrow{color:#c9d9ed}.tower-kpis{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:11px}.tower-kpi{position:relative;overflow:hidden;padding:16px 17px;border:1px solid #e2e9f2;border-radius:14px;background:#fff;box-shadow:0 5px 20px #10213a0a}.tower-kpi:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:#58708b}.tower-kpi span,.tower-kpi small{display:block;color:#718096}.tower-kpi b{display:block;margin:5px 0;font-size:25px}.tower-kpi.blue:before{background:#2374d8}.tower-kpi.purple:before{background:#6b4df5}.tower-kpi.cyan:before{background:#10a9c1}.tower-kpi.orange:before{background:#e58b18}.tower-kpi.red:before{background:#d83c52}.tower-kpi.green:before{background:#16a268}.tower-kpi.navy:before{background:#203f6d}.tower-layout{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(300px,.8fr);gap:13px;margin-top:4px}.tower-panel{padding:0;overflow:hidden}.tower-side{display:grid;align-content:start;gap:3px}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.section-heading h2{margin:3px 0 0;font-size:18px}.count-badge{display:grid;place-items:center;min-width:32px;height:32px;padding:0 9px;border-radius:999px;background:#ece8ff;color:#5b37f2;font-weight:800}.tower-list-head,.tower-list-row{display:grid;grid-template-columns:1.2fr .85fr 1fr 1fr .85fr .65fr 70px;gap:9px;align-items:center;padding:10px 15px}.tower-list-head{background:#203f6d;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.tower-list-row{border-bottom:1px solid var(--line)}.tower-list-row:hover,.shipment-grid.row:hover,.shipment-status-row:hover{background:#f7f9fd}.tower-list-row small,.shipment-grid small,.shipment-status-row small,.compact-flight small,.workbench-flight small,.flight-status small{display:block;margin-top:3px;color:#718096}.compact-flight,.workbench-flight{min-width:0}.compact-flight .pill,.workbench-flight .pill{display:inline-block;margin-top:5px}.attention-item{display:grid;grid-template-columns:1fr auto;width:100%;padding:11px 15px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.attention-item small{grid-column:1/-1}.customer-bar{padding:8px 15px}.customer-bar>div{display:flex;justify-content:space-between}.customer-bar i{display:block;height:6px;margin-top:5px;border-radius:8px;background:#edf1f6;overflow:hidden}.customer-bar u{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#5b37f2,#38a9ff)}.empty-state{padding:24px;color:#718096;text-align:center}.empty-state.success{color:#087a45}
.shipment-workbench{padding:0;overflow:hidden}.shipment-grid{display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1.15fr .95fr .65fr 70px;gap:10px;align-items:center;padding:11px 15px}.shipment-grid.header{background:#203f6d;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.shipment-grid.row{border-bottom:1px solid var(--line)}.awb{font-size:13px;color:#0e2b50}.workbench-flight{padding:8px;border:1px solid #e0e7f0;border-radius:9px;background:#fbfcfe}.workbench-flight.empty-flight{color:#8b98aa;background:#f5f7fa}
.customer-status-group{padding:0;overflow:hidden}.customer-status-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:linear-gradient(90deg,#f8faff,#fff);border-bottom:1px solid var(--line)}.customer-status-header h2{margin:3px 0}.shipment-status-header,.shipment-status-row{display:grid;grid-template-columns:1.05fr .85fr 1.35fr 1.35fr .65fr 70px;gap:10px;align-items:center;padding:11px 16px}.shipment-status-header{background:#203f6d;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.shipment-status-row{border-bottom:1px solid var(--line)}.flight-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:92px;padding:9px 10px;border:1px solid #dfe6ef;border-left:4px solid #8a98aa;border-radius:10px;background:#fff}.flight-status.Departed,.flight-status.Arrived,.flight-status.Delivered{border-left-color:#16a268;background:#f7fdf9}.flight-status.Delayed{border-left-color:#e58b18;background:#fffaf0}.flight-status.Exception{border-left-color:#d83c52;background:#fff6f7}.flight-actions{display:grid;gap:7px;justify-items:end}.small-btn{padding:5px 8px;font-size:11px}.pill.In\ transit{background:#e7f2ff;color:#1768b5}.pill.Exception{background:#ffe6ea;color:#b42335}.pill.F{white-space:nowrap}
@media(max-width:1450px){.tower-kpis{grid-template-columns:repeat(4,1fr)}.tower-layout{grid-template-columns:1fr}.tower-side{grid-template-columns:1fr 1fr}.tower-list-head,.tower-list-row{grid-template-columns:1.1fr .8fr 1fr 1fr .8fr .65fr 65px}.shipment-grid{grid-template-columns:1.1fr .9fr 1fr 1fr .85fr .65fr 65px}.shipment-status-header,.shipment-status-row{grid-template-columns:1fr .8fr 1.25fr 1.25fr .6fr 65px}}
@media(max-width:1050px){.tower-kpis{grid-template-columns:repeat(2,1fr)}.tower-side{grid-template-columns:1fr}.tower-list-head,.shipment-grid.header,.shipment-status-header{display:none}.tower-list-row,.shipment-grid.row,.shipment-status-row{grid-template-columns:1fr;padding:15px}.flight-status{grid-template-columns:1fr auto}.tower-hero{align-items:flex-start;flex-direction:column}}
.global-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.global-header h1{margin:4px 0}.global-tools,.account-card{display:flex;align-items:center;gap:12px}.notification-button{position:relative;border:0;background:#fff;font-size:18px}.notification-button span{position:absolute;right:-3px;top:-5px;background:#e34b56;color:#fff;border-radius:99px;padding:1px 5px;font-size:9px}.account-card{padding-left:14px;border-left:1px solid var(--line)}.account-card div{display:grid;text-align:right}.account-card i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#5b37f2;color:#fff;font-style:normal}.manifest-nav,.manifest-truck-header,.manifest-actions{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.manifest-nav>div{display:flex;gap:8px}.manifest-nav select{padding:9px;border:1px solid #ccd7e4;border-radius:8px}.manifest-truck-header{display:grid;grid-template-columns:1.4fr repeat(4,1fr) auto;gap:15px}.manifest-truck-header h2{margin:3px 0}.manifest-truck-header div{display:grid}.manifest-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0}.manifest-kpis>div{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}.manifest-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(520px,1.55fr) minmax(340px,1fr);gap:12px;align-items:start}.manifest-column{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.manifest-column h3{margin-top:0}.manifest-column>input{width:100%;padding:9px;border:1px solid #ccd7e4;border-radius:8px}.unassigned-card{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:10px}.unassigned-card p{margin:0}.unassigned-card button{grid-column:2}.manifest-shipment{margin-bottom:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.manifest-shipment>header{display:flex;justify-content:space-between;padding:11px;background:#f7f9fd}.manifest-balance{display:grid;grid-template-columns:repeat(4,auto);gap:12px;text-align:right}.manifest-balance span{display:grid;font-size:10px}.manifest-balance em{padding:5px 8px;border-radius:999px;font-style:normal}.manifest-balance .ok{background:#e9f9ef;color:#087a45}.manifest-balance .warn{background:#fff1d9;color:#a65e00}.manifest-allocation,.summary-row{display:grid;grid-template-columns:1.2fr 1fr .7fr .7fr .6fr;gap:8px;align-items:center;padding:9px;border-top:1px solid #e9eef4}.manifest-shipment footer{display:flex;justify-content:space-between;padding:10px;background:#fafbfd}.manifest-summary-head{display:flex;justify-content:space-between;align-items:center}.summary-row{grid-template-columns:1fr 1fr .8fr .8fr}.manifest-total{display:grid;gap:7px;margin-top:14px;padding:12px;border-radius:9px;background:#102a4c;color:#fff}.ready-box,.not-ready-box{margin-top:10px;padding:10px;border-radius:9px}.ready-box{background:#e9f9ef;color:#087a45}.not-ready-box{background:#fff0e8;color:#b64d0d}.manifest-actions>div{display:flex;gap:8px}.allocation-remaining{display:flex;justify-content:space-between;margin-bottom:12px;padding:12px;border-radius:10px;background:#eef4fb}@media(max-width:1350px){.manifest-layout{grid-template-columns:300px 1fr}.manifest-layout>.manifest-column:last-child{grid-column:1/-1}.manifest-kpis{grid-template-columns:repeat(3,1fr)}}

/* Live Map, Archive, and Template Management */
.nav-group{display:grid;gap:2px}.nav-group>i{height:1px;margin:7px 8px;background:#ffffff18}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.template-card.disabled{opacity:.58}.template-card header,.template-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.template-card h3{margin:8px 0}.template-card footer{margin-top:14px;justify-content:flex-start}.history-hero{margin:12px 0;padding:21px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#102a4c,#254c75 65%,#5b37f2)}.history-hero h2{margin:5px 0}.history-hero p{margin:0;color:#dce7f4}.history-hero .eyebrow{color:#bed0e5}.history-toolbar,.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.history-toolbar>div,.map-toolbar>div{display:flex;gap:6px}.history-toolbar input{min-width:360px;padding:9px;border:1px solid #ccd7e4;border-radius:8px}.archive-table{padding:0;overflow:hidden}.archive-row{display:grid;grid-template-columns:1.3fr .8fr 1fr .7fr .7fr;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.archive-row.truck{grid-template-columns:1.3fr .8fr 1fr .6fr .7fr}.archive-row.header{background:#203f6d;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.map-toolbar{margin-top:12px}.map-legend{display:flex;gap:12px!important}.map-legend span{display:flex;align-items:center;gap:5px;font-size:11px}.map-legend i{width:11px;height:4px;border-radius:5px}.map-legend .blue{background:#2587ff}.map-legend .orange{background:#ff8a24}.map-legend .green{background:#21b979}.map-legend .yellow{background:#f3b21b}.map-legend .red{background:#e43b4f}.map-stage{display:grid;grid-template-columns:minmax(0,1fr) 280px;height:calc(100vh - 180px);min-height:620px;overflow:hidden;border-radius:16px;background:#081629;box-shadow:0 15px 45px #07162933}.map-stage:fullscreen{height:100vh;border-radius:0}.map-stage:fullscreen #liveMap{height:100vh}.map-stage:fullscreen #mapStats{padding-top:40px}#liveMap{height:100%;min-height:620px;background:#081629}#mapStats{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:14px;color:#fff;background:linear-gradient(180deg,#0b2037,#071426)}#mapStats>div:not(.map-feed){display:grid;gap:3px;padding:12px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff0b}#mapStats span{font-size:9px;letter-spacing:1px;color:#9ab0c8}#mapStats b{font-size:24px}.map-feed{grid-column:1/-1;margin-top:4px}.map-feed article{display:grid;grid-template-columns:1fr auto;gap:3px;padding:9px;border-bottom:1px solid #ffffff14}.map-feed article small{grid-column:1}.moving-marker{background:transparent;border:0}.moving-marker span{display:grid;place-items:center;width:29px;height:29px;border:2px solid white;border-radius:50%;color:#fff;box-shadow:0 0 18px currentColor;animation:mapPulse 1.7s infinite}@keyframes mapPulse{50%{transform:scale(1.18);box-shadow:0 0 28px currentColor}}.leaflet-popup-content-wrapper{border-radius:10px}.checkbox-line{display:flex!important;align-items:center;gap:8px}.checkbox-line input{width:auto!important}@media(max-width:1150px){.template-grid{grid-template-columns:1fr 1fr}.map-stage{grid-template-columns:1fr}.map-stage #mapStats{display:none}.history-toolbar,.map-toolbar{align-items:stretch;flex-direction:column}.history-toolbar input{min-width:0;width:100%}}@media(max-width:750px){.template-grid{grid-template-columns:1fr}.archive-row{grid-template-columns:1fr}.archive-row.header{display:none}}


/* Cargo OPS Finance V3 */
.fin3-hero{padding:22px 25px;color:#fff;background:linear-gradient(120deg,#102a4c,#294f77 62%,#6339f5);border-radius:16px}.fin3-hero h2{margin:5px 0;font-size:27px}.fin3-hero p{margin:0;color:#d7e5f5}.fin3-tabs,.fin3-toolbar{display:flex;align-items:center;gap:8px;margin:12px 0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px}.fin3-tabs .active,.fin3-toolbar .active{color:#fff;background:var(--p)}.fin3-toolbar{justify-content:space-between}.fin3-toolbar>div{display:flex;align-items:center;gap:7px}.fin3-toolbar input{min-width:300px}.fin3-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0}.fin3-kpis.four{grid-template-columns:repeat(4,1fr)}.fin3-kpis>div{padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}.fin3-kpis small,.fin3-kpis b{display:block}.fin3-kpis b{font-size:22px}.fin3-card{margin:12px 0;padding:15px;background:#fff;border:1px solid var(--line);border-radius:14px}.fin3-alert{display:grid;grid-template-columns:100px 180px 1fr;width:100%;margin:5px 0;text-align:left}.fin3-homegrid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.fin3-srow,.fin3-trow,.fin3-tsrow,.fin3-dist{display:grid;gap:9px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.fin3-srow{grid-template-columns:1.3fr repeat(5,.75fr) 110px}.fin3-trow{grid-template-columns:1.4fr 1fr .7fr .8fr .8fr .8fr 130px}.fin3-tsrow{grid-template-columns:1.1fr repeat(6,.8fr)}.fin3-dist{grid-template-columns:1.3fr 1fr 1fr 1fr}.fin3-srow.head,.fin3-trow.head,.fin3-tsrow.head,.fin3-dist.head{color:#fff;background:#203f6d;font-size:11px;font-weight:700}.fin3-srow.negative{background:#fff2f3}.fin3-empty{padding:24px;color:#718096;text-align:center}.fin3-filehead{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fin3-filehead>div{padding:12px;border:1px solid var(--line);border-radius:10px}.fin3-filehead small,.fin3-filehead b{display:block}.fin3-filegrid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.fin3-section-title{display:flex;justify-content:space-between}.fin3-ledger{display:grid;grid-template-columns:55px 1fr 120px;gap:8px;padding:10px;border-bottom:1px solid var(--line)}.fin3-ledger .BUY{color:#b22}.fin3-ledger .SELL{color:#087a45}.fin3-check{display:flex;gap:8px;padding:8px}.fin3-check.ok{color:#087a45}.fin3-check.missing{color:#c42b3c}.fin3-settle{margin:12px 0;padding:15px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px}@media(max-width:1100px){.fin3-homegrid,.fin3-filegrid{grid-template-columns:1fr}.fin3-kpis,.fin3-kpis.four{grid-template-columns:repeat(2,1fr)}.fin3-toolbar{align-items:stretch;flex-direction:column}.fin3-toolbar input{min-width:0;width:100%}.fin3-srow,.fin3-trow,.fin3-tsrow,.fin3-dist{grid-template-columns:1fr}.fin3-srow.head,.fin3-trow.head,.fin3-tsrow.head,.fin3-dist.head{display:none}}
/* FINAL CARGO OPS VISUAL SYSTEM - layout only */
:root{--fas-ink:#10233f;--fas-navy:#0b2946;--fas-navy-2:#153f67;--fas-blue:#315ed0;--fas-purple:#6952dc;--fas-cyan:#22b9c8;--fas-green:#1ca374;--fas-amber:#f0a229;--fas-red:#dc4b60;--fas-bg:#f2f6fb;--fas-card:#fff;--fas-line:#dce5ef;--fas-muted:#6c7e93;--fas-shadow:0 10px 30px rgba(16,35,63,.08);font-family:"Segoe UI",Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--fas-ink);background:radial-gradient(circle at 95% 0,#e7edff 0,transparent 30%),var(--fas-bg)}button,input,select,textarea{font:inherit}.app{grid-template-columns:235px minmax(0,1fr)!important}.side{position:sticky!important;top:0!important;height:100vh!important;padding:24px 13px 16px!important;color:#fff!important;background:linear-gradient(180deg,#08243e 0%,#0c3153 70%,#092641 100%)!important;box-shadow:12px 0 32px rgba(7,25,44,.15)!important}.brand{padding:0 10px 20px!important}.brand .logo{width:165px!important;max-height:115px!important;object-fit:contain!important;padding:7px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 14px 32px rgba(0,0,0,.28)!important}.brand h2{margin:18px 0 5px!important;font-size:21px!important}.brand small{color:#91acc1!important}.nav-group{padding:5px 0!important}.nav-group>i{display:block!important;height:1px!important;margin:8px 8px!important;background:rgba(255,255,255,.10)!important}.nav{min-height:42px!important;margin:2px 0!important;padding:10px 12px!important;color:#d0e0ed!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;font-size:12px!important;font-weight:700!important;transition:.18s!important}.nav:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}.nav.active{color:#fff!important;background:linear-gradient(95deg,#3469ba,#6252d6)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 8px 18px rgba(19,35,100,.3)!important}.main{min-width:0!important;padding:0 26px 40px!important}.global-header{min-height:98px!important;padding:14px 3px!important;border-bottom:1px solid #dce5ef!important}.global-header h1{margin:5px 0 0!important;font-size:30px!important;letter-spacing:-.6px!important}.eyebrow{color:#58708a!important;font-size:9px!important;font-weight:900!important;letter-spacing:2px!important}.global-tools{gap:9px!important}.account-card{padding:9px 12px!important;background:rgba(255,255,255,.82)!important;border:1px solid var(--fas-line)!important;border-radius:11px!important;box-shadow:0 6px 18px rgba(16,35,63,.05)!important}.btn{min-height:38px!important;padding:8px 12px!important;color:#3155a8!important;background:#f1f5ff!important;border:1px solid #cbd8ee!important;border-radius:9px!important;font-weight:800!important;transition:.18s!important}.btn:hover{transform:translateY(-1px)!important;box-shadow:0 6px 15px rgba(49,94,208,.15)!important}.btn.primary{color:#fff!important;background:linear-gradient(100deg,var(--fas-blue),var(--fas-purple))!important;border-color:transparent!important}.panel,.card{background:var(--fas-card)!important;border:1px solid var(--fas-line)!important;border-radius:15px!important;box-shadow:var(--fas-shadow)!important}.swb-hero,.fin-hero,.history-hero,.fin3-hero{position:relative!important;overflow:hidden!important;margin:10px 0 14px!important;padding:25px 27px!important;color:#fff!important;background:linear-gradient(112deg,#123a61,#27618f 64%,#6551d6)!important;border:0!important;border-radius:17px!important;box-shadow:0 15px 35px rgba(18,53,91,.2)!important}.swb-hero:after,.fin-hero:after,.history-hero:after,.fin3-hero:after{content:"";position:absolute;right:-80px;top:-140px;width:420px;height:320px;background:radial-gradient(circle,rgba(77,206,217,.22),transparent 65%)}.swb-hero>*,.fin-hero>*,.history-hero>*,.fin3-hero>*{position:relative;z-index:1}.swb-hero h2,.fin-hero h2,.history-hero h2,.fin3-hero h2{margin:5px 0!important;color:#fff!important;font-size:25px!important}.swb-hero p,.fin-hero p,.history-hero p,.fin3-hero p{margin:0!important;color:#d8e6f1!important}.swb-toolbar,.fin-toolbar,.history-toolbar,.fin3-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin:12px 0!important;padding:13px!important;background:#fff!important;border:1px solid var(--fas-line)!important;border-radius:13px!important;box-shadow:0 8px 22px rgba(16,35,63,.06)!important}.swb-toolbar>div,.fin-toolbar>div{display:flex!important;gap:7px!important;flex-wrap:wrap!important}.filter-chip{min-height:37px!important;padding:8px 12px!important;color:#4b6179!important;background:#f4f7fa!important;border:1px solid #d7e1eb!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important}.filter-chip.active{color:#fff!important;background:linear-gradient(100deg,var(--fas-blue),var(--fas-purple))!important;border-color:transparent!important;box-shadow:0 6px 15px rgba(63,73,180,.2)!important}input,select,textarea{min-height:40px;padding:9px 12px;background:#f8fafc;border:1px solid #d5dfe9;border-radius:9px;outline:none}input:focus,select:focus,textarea:focus{background:#fff;border-color:#6654d8;box-shadow:0 0 0 4px rgba(102,84,216,.1)}.kpis,.swb-summary,.fin-kpis,.fin3-kpis,.manifest-kpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;gap:11px!important;margin:12px 0!important}.kpi,.kpis>div,.swb-summary>div,.fin-kpis>div,.fin3-kpis>div,.manifest-kpis>div{position:relative!important;min-height:94px!important;padding:17px 18px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--fas-line)!important;border-radius:13px!important;box-shadow:0 8px 23px rgba(16,35,63,.06)!important}.kpi:before,.kpis>div:before,.swb-summary>div:before,.fin-kpis>div:before,.fin3-kpis>div:before,.manifest-kpis>div:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#3086d2,#6753d9)}.kpi small,.kpis small,.swb-summary small,.fin-kpis small,.fin3-kpis small,.manifest-kpis small{color:var(--fas-muted)!important;font-size:9px!important;font-weight:850!important;letter-spacing:.5px!important;text-transform:uppercase!important}.kpi b,.kpis b,.swb-summary b,.fin-kpis b,.fin3-kpis b,.manifest-kpis b{display:block!important;margin-top:7px!important;font-size:26px!important}.shipment-table,.swb-table,.swb-list,.fin3-table{overflow:auto!important;background:#fff!important;border:1px solid var(--fas-line)!important;border-radius:14px!important;box-shadow:var(--fas-shadow)!important}.shipment-table .tr,.swb-row,.fin-row,.history-row,.fin3-srow,.fin3-trow{min-height:60px!important;padding:10px 13px!important;border-bottom:1px solid #e7edf4!important;transition:.15s!important}.shipment-table .tr:not(.head):hover,.swb-row:hover,.fin-row:not(.header):hover,.history-row:hover,.fin3-srow:not(.head):hover,.fin3-trow:not(.head):hover{background:#f7faff!important;box-shadow:inset 4px 0 0 var(--fas-blue)!important}.shipment-table .tr.head,.swb-head,.fin-row.header,.archive-row.header,.fin3-srow.head,.fin3-trow.head,.fin3-tsrow.head{min-height:42px!important;color:#e7f0f9!important;background:linear-gradient(90deg,#123b64,#244f7d)!important;border:0!important;font-size:9px!important;font-weight:900!important;letter-spacing:.55px!important;text-transform:uppercase!important}.pill{display:inline-flex!important;width:max-content!important;align-items:center!important;padding:5px 8px!important;color:#2d5ca9!important;background:#eaf2ff!important;border-radius:999px!important;font-size:9px!important;font-weight:850!important}.truck-card-grid,.template-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important;gap:12px!important}.truck-card,.template-card{padding:17px!important;background:#fff!important;border:1px solid var(--fas-line)!important;border-radius:14px!important;box-shadow:var(--fas-shadow)!important;transition:.18s!important}.truck-card:hover,.template-card:hover{transform:translateY(-2px)!important;box-shadow:0 13px 30px rgba(16,35,63,.11)!important}.manifest-layout{gap:14px!important}.manifest-nav,.manifest-truck-header,.manifest-shipment,.manifest-allocation,.manifest-summary-head{border-color:var(--fas-line)!important;border-radius:12px!important;box-shadow:0 6px 18px rgba(16,35,63,.05)!important}.modal{background:rgba(5,20,38,.68)!important;backdrop-filter:blur(5px)!important}.dialog{border-radius:17px!important;box-shadow:0 26px 75px rgba(5,20,38,.4)!important}.dialog>header{padding:20px 22px!important;color:#fff!important;background:linear-gradient(110deg,#143c64,#6052d4)!important;border-radius:17px 17px 0 0!important}.empty-state{min-height:160px!important;display:grid!important;place-items:center!important;padding:25px!important;color:var(--fas-muted)!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border-radius:12px!important;text-align:center!important}.map-stage{overflow:hidden!important;border:1px solid var(--fas-line)!important;border-radius:15px!important;box-shadow:var(--fas-shadow)!important}
@media(max-width:900px){.app{grid-template-columns:1fr!important}.side{position:relative!important;height:auto!important}.main{padding:0 10px 24px!important}.global-header{align-items:flex-start!important}.swb-toolbar,.fin-toolbar,.history-toolbar,.fin3-toolbar{align-items:stretch!important;flex-direction:column!important}.intel-grid,.manifest-layout{grid-template-columns:1fr!important}}
.master-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:23px 25px;color:#fff;background:linear-gradient(115deg,#102f51,#245f91 65%,#654cdf);border-radius:15px}.master-hero small{color:#c1d8eb;font-size:9px;font-weight:900;letter-spacing:1.5px}.master-hero h2{margin:5px 0}.master-hero p{margin:0;color:#dce8f2}.master-hero input,.master-hero button{padding:9px 11px;border:0;border-radius:8px}.master-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.master-kpis>div{padding:17px;background:#fff;border:1px solid #dfe7f0;border-top:4px solid #4966d0;border-radius:12px}.master-kpis small,.master-kpis b{display:block}.master-kpis b{font-size:26px}.lat-card{margin:10px 0;padding:14px;background:#fff;border:1px solid #dfe7f0;border-left:5px solid #3986d6;border-radius:11px}.lat-card.warn{border-left-color:#f1a11e}.lat-card.danger,.lat-card.late{border-left-color:#d94459}.lat-card.done{border-left-color:#23a977}.lat-card header,.lat-card footer{display:flex;justify-content:space-between;gap:10px}.lat-card small{display:block;color:#718096}.lat-bar{height:9px;margin:12px 0;overflow:hidden;background:#e7edf3;border-radius:99px}.lat-bar i{display:block;height:100%;background:linear-gradient(90deg,#3187d2,#6d50d8)}.master-tools{display:flex;justify-content:space-between;gap:12px;padding:11px;background:#fff;border:1px solid #dfe7f0;border-radius:10px}.master-tools input{width:360px;padding:9px}.status-customer{margin:12px 0;overflow:hidden;background:#fff;border:1px solid #dfe7f0;border-radius:13px}.status-customer>header{display:flex;justify-content:space-between;padding:13px 16px;color:#fff;background:#173f68}.status-row{display:grid;grid-template-columns:1fr 1.3fr .7fr 2.6fr;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #e7edf4}.status-row small{display:block;color:#718096}.status-row>div:last-child{display:flex;flex-wrap:wrap;gap:5px}.status-row button{padding:7px 8px;color:#5238cc;background:#f0edff;border:1px solid #d7ceff;border-radius:7px;font-size:9px;font-weight:800}.map-master{display:grid;grid-template-columns:1fr 330px;gap:12px}.map-master #masterMap{height:680px;border-radius:14px}.map-master aside{height:680px;padding:14px;overflow:auto;background:#fff;border-radius:13px}.map-master aside p{padding:8px;border-bottom:1px solid #e7edf4}.intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.intel-card{padding:15px;background:#fff;border:1px solid #dfe7f0;border-radius:13px}.intel-card>div{display:grid;grid-template-columns:1fr .6fr 1fr .7fr .7fr .5fr;gap:8px;padding:9px;border-bottom:1px solid #e7edf4}.intel-head{color:#fff;background:#173f68;border-radius:8px;font-size:9px;font-weight:800}.master-empty{padding:36px;text-align:center;background:#fff;border-radius:12px}.split-summary{display:grid;gap:4px;padding:12px;background:#f3f7fb;border-radius:9px}@media(max-width:950px){.status-row{grid-template-columns:1fr}.map-master,.intel-grid{grid-template-columns:1fr}.master-kpis{grid-template-columns:1fr 1fr}}
/* Cargo OPS Premium Workbench + Launch Experience V3 */
:root{--fas-navy:#071d31;--fas-blue:#154b78;--fas-cyan:#20b7c7;--fas-purple:#6554dc;--fas-surface:#fff;--fas-line:#dce5ef;--fas-text:#10233e}
/* Shipment Workbench */
.swb-hero{position:relative;min-height:150px;padding:28px 30px!important;overflow:hidden;background:linear-gradient(112deg,#0d3153 0%,#1c527f 60%,#5d50cf 100%)!important;border:0!important;border-radius:18px!important;box-shadow:0 16px 38px rgba(16,42,70,.18)!important}.swb-hero:before{content:"";position:absolute;inset:-60% auto auto 58%;width:520px;height:280px;background:radial-gradient(circle,#39c6d83d 0,transparent 68%);transform:rotate(-12deg)}.swb-hero>*{position:relative;z-index:1}.swb-hero .eyebrow{color:#bcd9ea!important;font-size:10px!important;font-weight:900!important;letter-spacing:2px!important}.swb-hero h2{margin:7px 0!important;color:#fff!important;font-size:27px!important}.swb-hero p{max-width:700px;margin:0!important;color:#d7e6f1!important;font-size:13px!important}.swb-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,420px)!important;gap:14px!important;align-items:center!important;margin:15px 0 13px!important;padding:14px 16px!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--fas-line)!important;border-radius:14px!important;box-shadow:0 8px 25px rgba(16,35,62,.07)!important}.swb-toolbar>div{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.swb-toolbar button,.filter-chip{min-height:38px!important;padding:9px 13px!important;color:#486077!important;background:#f2f6fa!important;border:1px solid #d8e2ec!important;border-radius:10px!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;transition:.18s ease!important}.swb-toolbar button:hover,.filter-chip:hover{color:#244f9c!important;background:#edf3ff!important;border-color:#b9cae7!important;transform:translateY(-1px)}.swb-toolbar button.active,.filter-chip.active{color:#fff!important;background:linear-gradient(100deg,#315ed0,#6553d8)!important;border-color:transparent!important;box-shadow:0 7px 16px rgba(64,77,190,.24)!important}.swb-toolbar input,#swbSearch{width:100%!important;min-height:42px!important;padding:0 15px 0 42px!important;background:#f7f9fc!important;border:1px solid #d6e0ea!important;border-radius:11px!important;outline:none!important;font-size:12px!important;box-shadow:inset 0 1px 2px rgba(16,35,62,.04)!important}.swb-toolbar input:focus,#swbSearch:focus{background:#fff!important;border-color:#6658d8!important;box-shadow:0 0 0 4px rgba(101,83,216,.10)!important}.swb-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}.swb-summary>div{position:relative;min-height:92px;padding:17px 19px!important;overflow:hidden;background:#fff!important;border:1px solid var(--fas-line)!important;border-radius:14px!important;box-shadow:0 9px 26px rgba(16,35,62,.06)!important}.swb-summary>div:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2586d3,#6654dc)}.swb-summary span,.swb-summary small{color:#6b7d91!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important}.swb-summary b{display:block;margin-top:8px!important;color:var(--fas-text)!important;font-size:27px!important}.swb-table,.shipment-table,.swb-list{overflow:hidden!important;background:#fff!important;border:1px solid var(--fas-line)!important;border-radius:15px!important;box-shadow:0 10px 30px rgba(16,35,62,.07)!important}.swb-head,.shipment-table .tr.head{min-height:46px!important;padding:0 15px!important;color:#e8f1fa!important;background:linear-gradient(90deg,#123c65,#234f7f)!important;border:0!important;font-size:9px!important;font-weight:900!important;letter-spacing:.65px!important;text-transform:uppercase!important}.swb-row,.shipment-table .tr{min-height:74px!important;padding:12px 15px!important;border-bottom:1px solid #e7edf4!important;transition:.15s ease!important}.swb-row:hover,.shipment-table .tr:not(.head):hover{background:#f7faff!important;box-shadow:inset 4px 0 0 #315ed0!important}.swb-row .awb,.shipment-table .awb{color:#164a79!important;font-size:13px!important}.swb-empty,.empty-state{min-height:210px!important;display:grid!important;place-items:center!important;padding:30px!important;color:#718096!important;background:linear-gradient(180deg,#fff,#f7f9fc)!important;text-align:center!important}
/* Premium startup */
#startupIntro.fas-launch{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 25%,rgba(32,183,199,.22),transparent 24%),radial-gradient(circle at 18% 80%,rgba(101,84,220,.22),transparent 28%),linear-gradient(135deg,#041321 0%,#082944 55%,#102f55 100%);transition:opacity .7s,visibility .7s}#startupIntro.fas-launch:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.035) 42.5%,transparent 43%),linear-gradient(25deg,transparent 55%,rgba(255,255,255,.025) 55.5%,transparent 56%);background-size:220px 220px;opacity:.5}.fas-launch.closing{opacity:0;visibility:hidden;pointer-events:none}.fas-launch-stage{position:relative;display:grid;grid-template-columns:minmax(330px,480px) minmax(520px,780px);gap:5vw;align-items:center;width:min(1450px,92vw);z-index:2}.fas-launch-copy{position:relative}.fas-launch-logo{display:flex;align-items:center;gap:14px;margin-bottom:34px}.fas-launch-logo img{width:82px;height:82px;object-fit:contain;padding:7px;background:#fff;border-radius:17px;box-shadow:0 16px 40px #0007}.fas-launch-logo div{display:grid}.fas-launch-logo strong{font-size:20px;letter-spacing:1px}.fas-launch-logo span{margin-top:5px;color:#80d5df;font-size:10px;font-weight:900;letter-spacing:2px}.fas-launch-kicker{display:block;color:#7fd0dc;font-size:10px;font-weight:900;letter-spacing:3px}.fas-launch h1{max-width:650px;margin:12px 0 10px;font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-2px}.fas-launch h1 span{color:#49c5d3}.fas-launch-copy>p{max-width:520px;margin:0;color:#bdd1e1;font-size:14px;line-height:1.7}.fas-slogan{margin-top:26px!important;color:#fff!important;font-size:clamp(17px,2vw,24px)!important;font-weight:750!important;letter-spacing:.6px}.fas-slogan span{color:#4bc4d2}.fas-launch-progress{width:min(430px,80vw);height:4px;margin-top:30px;overflow:hidden;background:#ffffff1c;border-radius:99px}.fas-launch-progress i{display:block;width:42%;height:100%;background:linear-gradient(90deg,#27b9c7,#6855dd);border-radius:99px;animation:fasProgress 4.2s ease forwards}.fas-launch-skip{position:fixed;right:25px;top:22px;z-index:4;padding:9px 13px;color:#d8e7f1;background:#ffffff0e;border:1px solid #ffffff26;border-radius:9px;font-weight:750}.fas-aircraft-scene{position:relative;height:480px;perspective:1200px}.fas-cloud{position:absolute;border-radius:50%;filter:blur(18px);background:#c9e5f024}.fas-cloud.c1{width:460px;height:110px;right:2%;bottom:25px}.fas-cloud.c2{width:280px;height:80px;left:0;top:80px}.fas-aircraft{position:absolute;left:50%;top:49%;width:680px;height:270px;transform:translate(-50%,-50%) rotate(-7deg);filter:drop-shadow(0 30px 38px #0009);animation:fasPlaneIn 1.5s cubic-bezier(.2,.8,.2,1) both}.fas-aircraft svg{width:100%;height:100%;overflow:visible}.fas-tail-logo{position:absolute;right:55px;top:55px;width:54px;height:54px;object-fit:contain;padding:4px;background:#ffffffea;border-radius:50%;transform:rotate(-7deg);box-shadow:0 4px 15px #0006}.fas-flight-line{position:absolute;right:6%;top:30%;width:75%;height:1px;background:linear-gradient(90deg,transparent,#50c6d5aa,transparent);transform:rotate(-8deg);box-shadow:0 0 16px #50c6d5aa}.fas-launch-meta{position:absolute;right:0;bottom:15px;display:flex;gap:9px}.fas-launch-meta span{padding:7px 10px;color:#a9c5d8;background:#ffffff09;border:1px solid #ffffff16;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.8px}@keyframes fasPlaneIn{from{opacity:0;transform:translate(-20%,-10%) rotate(-13deg) scale(.78)}to{opacity:1;transform:translate(-50%,-50%) rotate(-7deg) scale(1)}}@keyframes fasProgress{from{width:0}to{width:100%}}@media(max-width:1050px){.fas-launch-stage{grid-template-columns:1fr;text-align:center}.fas-launch-logo{justify-content:center}.fas-launch-copy>p{margin-left:auto;margin-right:auto}.fas-launch-progress{margin-left:auto;margin-right:auto}.fas-aircraft-scene{position:absolute;inset:0;z-index:-1;opacity:.19}.fas-aircraft{width:90vw}.swb-toolbar{grid-template-columns:1fr!important}}@media(max-width:700px){.swb-summary{grid-template-columns:1fr!important}.swb-hero{padding:22px!important}.fas-launch h1{font-size:39px}.fas-launch-logo img{width:68px;height:68px}.fas-launch-meta{display:none}}
/* Cargo OPS Final Operations UI */
.ops-status-hero,.ops-map-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0;padding:24px 26px;color:#fff;background:linear-gradient(115deg,#102f51,#245d8d 62%,#6548da);border-radius:16px;box-shadow:0 12px 32px rgba(16,33,58,.16)}
.ops-status-hero small,.ops-map-hero small{color:#bed6eb;font-size:9px;font-weight:850;letter-spacing:1.6px}.ops-status-hero h2,.ops-map-hero h2{margin:5px 0}.ops-status-hero p,.ops-map-hero p{margin:0;color:#dbe8f3}.ops-status-hero input{padding:10px 12px;border:0;border-radius:9px}.ops-status-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#fff;border:1px solid #dfe7f0;border-radius:11px}.ops-status-tools input{width:380px;padding:10px 12px;border:1px solid #d5e0eb;border-radius:9px}.ops-status-tools span{color:#718096;font-size:11px}.ops-customer-group{margin:12px 0;overflow:hidden;background:#fff;border:1px solid #dce5ef;border-radius:14px;box-shadow:0 7px 22px rgba(16,33,58,.06)}.ops-customer-group>header{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;color:#fff;background:linear-gradient(100deg,#123b64,#245b8a)}.ops-customer-group h3{margin:3px 0;font-size:18px}.ops-customer-group header small{color:#bfd4e6;font-size:9px;letter-spacing:1px}.ops-flight-item{display:grid;grid-template-columns:minmax(175px,1fr) minmax(220px,1.4fr) 140px minmax(390px,2.2fr);gap:14px;align-items:center;min-height:82px;padding:13px 17px;border-bottom:1px solid #e7edf4}.ops-flight-item:hover{background:#f8fbff;box-shadow:inset 4px 0 0 #6750dc}.ops-flight-item small{display:block;margin-top:4px;color:#718096}.ops-flight-actions{display:flex;flex-wrap:wrap;gap:6px}.ops-flight-actions button{padding:7px 9px;color:#5136d0;background:#f1eeff;border:1px solid #d8cfff;border-radius:8px;font-size:9px;font-weight:800}.ops-flight-actions button:hover{color:#fff;background:#6548da}.ops-empty{display:grid;min-height:180px;place-items:center;color:#718096;background:#fff;border:1px solid #dfe7f0;border-radius:13px}.ops-map-hero>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.ops-map-hero button{padding:8px 11px;color:#dbe8f4;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;font-weight:800}.ops-map-hero button.active{color:#233f87;background:#fff}.ops-map-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.ops-world-map{height:680px;overflow:hidden;background:#cfe1ef;border:1px solid #d9e3ed;border-radius:15px;box-shadow:0 8px 25px rgba(16,33,58,.08)}.ops-map-list{height:680px;padding:14px;overflow:auto;background:#fff;border:1px solid #dfe7f0;border-radius:14px}.ops-map-list h3{margin:0 0 10px}.ops-map-list article{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center;padding:11px 2px;border-bottom:1px solid #e7edf4}.ops-map-list i{width:10px;height:10px;border-radius:50%;background:#2f7ed8}.ops-map-list i.truck{background:#f39a23}.ops-map-list i.delayed{background:#e34a60}.ops-map-list small{display:block;color:#718096}.ops-airport-label{background:transparent;border:0}.ops-airport-label span{display:grid;place-items:center;min-width:31px;height:20px;padding:0 5px;color:#173f68;background:#fff;border:1px solid #b7c9d9;border-radius:6px;box-shadow:0 2px 7px #10213a30;font-size:8px;font-weight:900}.ops-mode-marker{background:transparent;border:0}.ops-mode-marker span{display:grid;width:34px;height:21px;place-items:center;color:#fff;background:#2f7ed8;border-radius:999px;font-size:8px;font-weight:900}.ops-mode-marker span.truck{background:#f39a23}.ops-mode-marker span.delayed{background:#e34a60}
@media(max-width:1050px){.ops-flight-item{grid-template-columns:1fr 1fr}.ops-flight-actions{grid-column:1/-1}.ops-map-grid{grid-template-columns:1fr}.ops-map-list{height:auto}.ops-status-hero,.ops-map-hero{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.ops-flight-item{grid-template-columns:1fr}.ops-status-tools{align-items:stretch;flex-direction:column}.ops-status-tools input{width:100%}.ops-world-map{height:480px}}
.ops-map-hero input{width:120px;padding:8px 10px;color:#173f68;background:#fff;border:0;border-radius:8px;text-transform:uppercase}.intel-hero{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 26px;color:#fff;background:linear-gradient(115deg,#102f51,#26618f 62%,#6948d9);border-radius:16px}.intel-hero small{color:#bed6ea;font-size:9px;font-weight:900;letter-spacing:1.5px}.intel-hero h2{margin:5px 0}.intel-hero p{margin:0;color:#dbe8f3}.intel-hero>div:last-child{display:flex;align-items:center;gap:8px}.intel-hero button{padding:8px 10px;color:#fff;background:#ffffff16;border:1px solid #ffffff35;border-radius:8px}.intel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:13px 0}.intel-kpis>div{padding:17px;background:#fff;border:1px solid #dfe7f0;border-top:4px solid #4c65cf;border-radius:12px}.intel-kpis small,.intel-kpis b{display:block}.intel-kpis b{margin-top:6px;font-size:26px}.intel-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.intel-grid>section{padding:16px;background:#fff;border:1px solid #dfe7f0;border-radius:13px}.intel-table>div{display:grid;grid-template-columns:.7fr .7fr 1fr .9fr .7fr .6fr;gap:8px;padding:10px;border-bottom:1px solid #e5ecf3}.intel-table .head{color:#e6eff9;background:#173f68;border-radius:8px;font-size:9px;font-weight:900;text-transform:uppercase}.route-cards{display:grid;gap:9px}.route-cards article{padding:13px;background:#f7f9fc;border:1px solid #dfe7f0;border-left:4px solid #4e63ce;border-radius:10px}.route-cards header,.route-cards article>div{display:flex;justify-content:space-between;gap:8px}.route-cards strong{display:block;margin:10px 0;font-size:21px}.route-cards span{color:#718096;font-size:10px}@media(max-width:950px){.intel-grid{grid-template-columns:1fr}.intel-kpis{grid-template-columns:1fr 1fr}}
.ops-split-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.ops-split-summary>div{padding:13px;background:#f4f7fb;border:1px solid #dce5ef;border-radius:10px}.ops-split-summary small,.ops-split-summary b{display:block}.ops-split-summary small{color:#718096;margin-bottom:5px}.ops-split-form .wide{grid-column:1/-1}.ops-split-form input[readonly]{color:#315e9b;background:#eef4fb;font-weight:800}@media(max-width:700px){.ops-split-summary{grid-template-columns:1fr}.ops-split-form .wide{grid-column:auto}}
/* Cargo OPS Test Week UI */

/* HISTORY */
.tw-history-view .history-premium-hero,
.tw-history-view .history-hero,
.tw-history-view>.ff-history-hero{
  margin:12px 0 14px!important;padding:24px 27px!important;color:#fff!important;
  background:radial-gradient(circle at 92% 8%,rgba(145,109,255,.5),transparent 30%),linear-gradient(118deg,#102a4c,#214f78 58%,#603be7)!important;
  border:0!important;border-radius:18px!important;box-shadow:0 15px 38px rgba(16,42,76,.16)!important
}
.tw-history-view .history-premium-hero small,.tw-history-view .history-hero small,.tw-history-view .ff-history-hero small{color:#c7d9ed!important;font-size:9px!important;font-weight:850!important;letter-spacing:1.6px!important}
.tw-history-view .history-premium-hero h2,.tw-history-view .history-hero h2,.tw-history-view .ff-history-hero h2{margin:6px 0!important;color:#fff!important;font-size:29px!important}
.tw-history-view .history-premium-hero p,.tw-history-view .history-hero p,.tw-history-view .ff-history-hero p{margin:0!important;color:#d9e5f2!important}
.tw-history-view .history-premium-toolbar,.tw-history-view .history-toolbar,.tw-history-view .ff-history-toolbar{display:grid!important;grid-template-columns:auto minmax(280px,420px)!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;padding:10px 12px!important;background:#fff!important;border:1px solid #dce5ef!important;border-radius:13px!important;box-shadow:0 5px 18px rgba(16,33,58,.05)!important}
.tw-history-view .history-premium-toolbar>div,.tw-history-view .history-toolbar>div,.tw-history-view .ff-history-toolbar>div{display:flex!important;gap:7px!important}
.tw-history-view .history-premium-toolbar button,.tw-history-view .history-toolbar button,.tw-history-view .ff-history-toolbar button{min-height:37px!important;padding:8px 13px!important;color:#52637a!important;background:#f5f7fb!important;border:1px solid #dce4ee!important;border-radius:8px!important;font-weight:800!important}
.tw-history-view .history-premium-toolbar button.active,.tw-history-view .history-toolbar button.active,.tw-history-view .ff-history-toolbar button.active{color:#fff!important;background:#6540ee!important;border-color:#6540ee!important}
.tw-history-view .history-premium-toolbar input,.tw-history-view .history-toolbar input,.tw-history-view .ff-history-toolbar input{width:100%!important;min-width:0!important;height:39px!important;padding:0 12px!important;background:#f7f9fc!important;border:1px solid #d6e0eb!important;border-radius:9px!important}
.tw-history-view .history-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important}
.tw-history-view .history-kpis>div{padding:15px 16px!important;background:#fff!important;border:1px solid #dde6f0!important;border-radius:12px!important;box-shadow:0 5px 18px rgba(16,33,58,.045)!important}
.tw-history-view .history-kpis small,.tw-history-view .history-kpis b{display:block!important}.tw-history-view .history-kpis small{margin-bottom:5px!important;color:#718096!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important}.tw-history-view .history-kpis b{color:#10213a!important;font-size:21px!important}
.tw-history-view .history-premium-table,.tw-history-view .archive-table,.tw-history-view .ff-table{overflow:auto!important;padding:0!important;background:#fff!important;border:1px solid #dde6f0!important;border-radius:14px!important;box-shadow:0 7px 24px rgba(16,33,58,.055)!important}
.tw-history-view .history-shipment-row,.tw-history-view .archive-row,.tw-history-view .ff-hsrow{display:grid!important;grid-template-columns:1.35fr 1fr 1fr .8fr .8fr 145px!important;gap:10px!important;align-items:center!important;min-width:1000px!important;min-height:56px!important;padding:10px 14px!important;border-bottom:1px solid #edf1f6!important}
.tw-history-view .history-truck-row,.tw-history-view .archive-row.truck,.tw-history-view .ff-htrow{display:grid!important;grid-template-columns:1.35fr 1fr 1fr .7fr .85fr 155px!important;gap:10px!important;align-items:center!important;min-width:1000px!important;min-height:56px!important;padding:10px 14px!important;border-bottom:1px solid #edf1f6!important}
.tw-history-view .history-shipment-row.head,.tw-history-view .history-truck-row.head,.tw-history-view .archive-row.header,.tw-history-view .ff-hsrow.head,.tw-history-view .ff-htrow.head{min-height:43px!important;color:#e7effa!important;background:#1c4775!important;font-size:9px!important;font-weight:850!important;letter-spacing:.45px!important;text-transform:uppercase!important}
.tw-history-view .history-shipment-row:not(.head):hover,.tw-history-view .history-truck-row:not(.head):hover,.tw-history-view .archive-row:not(.header):hover{background:#f8fbff!important;box-shadow:inset 4px 0 0 #7152ef!important}
.tw-history-view small{line-height:1.35}.tw-history-view .history-shipment-row small,.tw-history-view .history-truck-row small,.tw-history-view .archive-row small{display:block!important;margin-top:3px!important;color:#718096!important}
.tw-history-view .history-shipment-row button,.tw-history-view .history-truck-row button,.tw-history-view .archive-row button,.tw-history-view .ff-hsrow button,.tw-history-view .ff-htrow button{min-height:35px!important;padding:7px 10px!important;color:#4f31d2!important;background:#f1eeff!important;border:1px solid #d7ceff!important;border-radius:8px!important;font-weight:800!important}
.tw-history-view .history-status,.tw-history-view .pill{width:max-content!important;padding:5px 8px!important;color:#087a45!important;background:#e9f8ef!important;border-radius:999px!important;font-size:9px!important;font-weight:800!important}

/* MAP */
.tw-map-view .map-toolbar{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:16px!important;margin:10px 0!important;padding:11px 13px!important;background:#fff!important;border:1px solid #dce5ef!important;border-radius:13px!important;box-shadow:0 5px 18px rgba(16,33,58,.05)!important}
.tw-map-title{display:grid!important;gap:2px!important;min-width:220px}.tw-map-title small{color:#718096!important;font-size:8px!important;font-weight:850!important;letter-spacing:1.3px!important}.tw-map-title b{color:#10213a!important;font-size:12px!important}
.tw-map-view .map-toolbar>div:not(.tw-map-title):not(.map-legend){display:flex!important;gap:6px!important}.tw-map-view .map-toolbar button{min-height:36px!important;padding:7px 11px!important;color:#52637a!important;background:#f5f7fb!important;border:1px solid #dce4ee!important;border-radius:8px!important;font-weight:800!important}.tw-map-view .map-toolbar button.active{color:#fff!important;background:#6540ee!important;border-color:#6540ee!important}.tw-map-view #mapFullscreen{color:#fff!important;background:#6540ee!important;border-color:#6540ee!important}
.tw-map-view .map-legend{display:flex!important;justify-content:center!important;gap:15px!important;padding:7px 10px!important;background:#f6f8fb!important;border-radius:9px!important}.tw-map-view .map-legend span{display:flex!important;align-items:center!important;gap:5px!important;color:#435770!important;font-size:10px!important;font-weight:750!important}.tw-map-view .map-legend i{width:18px!important;height:4px!important;border-radius:4px!important}.tw-map-view .map-legend i.orange{height:0!important;border-top:4px dashed #ff7a1a!important;background:transparent!important}
.tw-map-view .map-stage{display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;min-height:620px!important;overflow:hidden!important;background:#07192d!important;border:1px solid #173653!important;border-radius:16px!important;box-shadow:0 12px 33px rgba(7,25,45,.18)!important}.tw-map-view #liveMap{min-height:620px!important}.tw-map-view #mapStats{padding:13px!important;background:linear-gradient(180deg,#0a2139,#06182a)!important}.tw-map-view #mapStats>div:not(.map-feed){display:inline-grid!important;width:calc(50% - 5px)!important;min-height:70px!important;margin:0 5px 9px 0!important;padding:11px!important;background:#122d49!important;border:1px solid #ffffff12!important;border-radius:10px!important}.tw-map-view #mapStats span{color:#92b3ce!important;font-size:8px!important;font-weight:850!important;letter-spacing:.55px!important}.tw-map-view #mapStats b{margin-top:4px!important;color:#fff!important;font-size:21px!important}.tw-map-view .map-feed{margin-top:8px!important;padding-top:12px!important;border-top:1px solid #ffffff16!important}.tw-map-view .map-feed h3{color:#fff!important}.tw-map-view .map-feed article{margin-bottom:7px!important;padding:9px!important;background:#ffffff0d!important;border:1px solid #ffffff12!important;border-radius:8px!important}.tw-map-view .map-feed p,.tw-map-view .map-feed small{color:#b8ccdd!important}
.tw-map-view .leaflet-overlay-pane .tw-flight-route{stroke:#2587ff!important;stroke-width:4!important;stroke-dasharray:none!important;filter:drop-shadow(0 1px 2px rgba(37,135,255,.32))}.tw-map-view .leaflet-overlay-pane .tw-truck-route{stroke:#ff7417!important;stroke-width:5!important;stroke-dasharray:10 8!important;stroke-linecap:round!important;filter:drop-shadow(0 1px 2px rgba(255,116,23,.38))}.tw-map-view .leaflet-overlay-pane .tw-complete-route{stroke:#21b979!important;stroke-width:3!important;opacity:.75!important}.tw-map-view .moving-marker span{display:grid!important;width:28px!important;height:28px!important;place-items:center!important;color:#fff!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 4px 12px #07172a55!important;font-size:13px!important}
.tw-route-board{margin-top:13px;padding:0;background:#fff;border:1px solid #dce5ef;border-radius:14px;box-shadow:0 6px 20px rgba(16,33,58,.05);overflow:hidden}.tw-route-board>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:#173f6a}.tw-route-board header small{color:#a9c4dd;font-size:8px;font-weight:850;letter-spacing:1.3px}.tw-route-board header h2{margin:3px 0 0;color:#fff;font-size:18px}.tw-route-switch{display:flex;gap:6px}.tw-route-switch button{min-height:34px;padding:7px 10px;color:#d8e7f4;background:#ffffff12;border:1px solid #ffffff25;border-radius:8px;font-weight:800}.tw-route-switch button.active{color:#173f6a;background:#fff}.tw-route-explainer{display:flex;gap:20px;padding:11px 15px;background:#f5f8fc;border-bottom:1px solid #e2e9f1}.tw-route-explainer span{display:flex;align-items:center;gap:7px;color:#53677d;font-size:10px}.tw-route-explainer i{display:inline-block;width:32px}.tw-route-explainer i.flight{height:4px;background:#2587ff;border-radius:5px}.tw-route-explainer i.truck{height:0;border-top:4px dashed #ff7417}.tw-route-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px}.tw-route-card{display:grid;grid-template-columns:42px 1.1fr 1fr .9fr;gap:9px;align-items:center;padding:10px;border:1px solid #e0e7ef;border-left:5px solid #2587ff;border-radius:9px}.tw-route-card.truck{border-left-color:#ff7417;background:#fffaf5}.tw-route-card b,.tw-route-card small{display:block}.tw-route-card small{margin-top:3px;color:#718096}.tw-mode-icon{display:grid;width:36px;height:36px;place-items:center;color:#fff;background:#2587ff;border-radius:50%;font-size:9px;font-weight:900}.tw-route-card.truck .tw-mode-icon{background:#ff7417;border-radius:9px}.tw-route-empty{grid-column:1/-1;padding:35px;text-align:center;color:#718096}
@media(max-width:1100px){.tw-map-view .map-stage{grid-template-columns:1fr!important}.tw-map-view #mapStats{display:grid!important;grid-template-columns:repeat(4,1fr)!important}.tw-map-view #mapStats>div:not(.map-feed){width:auto!important}.tw-map-view .map-feed{grid-column:1/-1!important}.tw-route-list{grid-template-columns:1fr}}
@media(max-width:820px){.tw-history-view .history-premium-toolbar,.tw-history-view .history-toolbar,.tw-history-view .ff-history-toolbar{grid-template-columns:1fr!important}.tw-history-view .history-kpis{grid-template-columns:1fr 1fr!important}.tw-history-view .history-premium-table,.tw-history-view .archive-table,.tw-history-view .ff-table{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}.tw-history-view .history-shipment-row.head,.tw-history-view .history-truck-row.head,.tw-history-view .archive-row.header,.tw-history-view .ff-hsrow.head,.tw-history-view .ff-htrow.head{display:none!important}.tw-history-view .history-shipment-row:not(.head),.tw-history-view .history-truck-row:not(.head),.tw-history-view .archive-row:not(.header),.tw-history-view .ff-hsrow:not(.head),.tw-history-view .ff-htrow:not(.head){display:grid!important;grid-template-columns:1fr 1fr!important;min-width:0!important;margin-bottom:8px!important;padding:12px!important;background:#fff!important;border:1px solid #dce5ef!important;border-radius:11px!important}.tw-history-view .history-shipment-row:not(.head)>b,.tw-history-view .history-truck-row:not(.head)>b,.tw-history-view .history-shipment-row:not(.head)>button,.tw-history-view .history-truck-row:not(.head)>button{grid-column:1/-1!important}.tw-map-view .map-toolbar{grid-template-columns:1fr!important}.tw-map-view .map-legend{justify-content:flex-start!important;overflow-x:auto!important}.tw-map-view .map-stage{min-height:480px!important}.tw-map-view #liveMap{min-height:480px!important}.tw-map-view #mapStats{grid-template-columns:1fr 1fr!important}.tw-route-board>header{align-items:stretch;flex-direction:column}.tw-route-switch{overflow-x:auto}.tw-route-explainer{align-items:flex-start;flex-direction:column;gap:8px}.tw-route-card{grid-template-columns:42px 1fr 1fr}.tw-route-card>div:nth-child(3){grid-column:2/-1}.tw-route-card>div:nth-child(4){grid-column:2/-1}}
/* Cargo OPS Shipment Workbench Premium V2
   CSS-only replacement. No JavaScript, API, database or business logic changes. */

.operations-shipment-workbench,
#view:has(.swb-hero) {
  --swb-navy: #102a4c;
  --swb-blue: #1d4d78;
  --swb-purple: #6540ee;
  --swb-purple-soft: #f0edff;
  --swb-line: #dde6f0;
  --swb-muted: #718096;
  --swb-green: #087a45;
  --swb-orange: #b66500;
  --swb-red: #bd3046;
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  padding-bottom: 36px;
}

/* Hero */
#view:has(.swb-hero) .swb-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 132px;
  margin: 14px 0 14px;
  padding: 26px 30px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 92% 8%, rgba(145, 109, 255, .52), transparent 30%),
    linear-gradient(118deg, #102a4c 0%, #214f78 58%, #603be7 100%);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(16,42,76,.17);
}

#view:has(.swb-hero) .swb-hero::after {
  content: '';
  position: absolute;
  right: -75px;
  bottom: -150px;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
}

#view:has(.swb-hero) .swb-hero > * {
  position: relative;
  z-index: 1;
}

#view:has(.swb-hero) .swb-hero .eyebrow,
#view:has(.swb-hero) .swb-hero small {
  color: #cbdcf1;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

#view:has(.swb-hero) .swb-hero h2 {
  margin: 6px 0 7px;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -.5px;
}

#view:has(.swb-hero) .swb-hero p {
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: 13px;
}

#view:has(.swb-hero) .swb-hero .btn,
#view:has(.swb-hero) .swb-hero button {
  min-height: 42px;
  padding: 9px 17px;
  color: #4c2bd0;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,.14);
  font-weight: 800;
}

/* Filter and search toolbar */
#view:has(.swb-hero) .swb-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
  align-items: center;
  gap: 13px;
  margin: 0 0 13px;
  padding: 11px 13px;
  background: #fff;
  border: 1px solid var(--swb-line);
  border-radius: 13px;
  box-shadow: 0 5px 18px rgba(16,33,58,.055);
}

#view:has(.swb-hero) .swb-toolbar > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

#view:has(.swb-hero) .swb-toolbar button,
#view:has(.swb-hero) .filter-chip {
  min-height: 36px;
  padding: 7px 12px;
  color: #52637a;
  background: #f5f7fb;
  border: 1px solid #dbe4ee;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 800;
}

#view:has(.swb-hero) .swb-toolbar button:hover,
#view:has(.swb-hero) .filter-chip:hover {
  color: #4f2fd3;
  background: var(--swb-purple-soft);
  border-color: #cec3ff;
}

#view:has(.swb-hero) .swb-toolbar button.active,
#view:has(.swb-hero) .filter-chip.active {
  color: #fff;
  background: var(--swb-purple);
  border-color: var(--swb-purple);
  box-shadow: 0 5px 14px rgba(101,64,238,.2);
}

#view:has(.swb-hero) .swb-toolbar input,
#view:has(.swb-hero) #swbSearch {
  width: 100% !important;
  min-width: 0 !important;
  height: 39px;
  padding: 0 13px;
  color: #10213a;
  background: #f7f9fc;
  border: 1px solid #d6e0eb;
  border-radius: 9px;
  outline: none;
}

#view:has(.swb-hero) .swb-toolbar input:focus,
#view:has(.swb-hero) #swbSearch:focus {
  background: #fff;
  border-color: #7455ed;
  box-shadow: 0 0 0 3px rgba(101,64,238,.1);
}

#view:has(.swb-hero) .workbench-hint {
  display: none !important;
}

/* KPI cards */
#view:has(.swb-hero) .swb-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  margin: 0 0 13px;
}

#view:has(.swb-hero) .swb-kpis > div {
  position: relative;
  min-height: 82px;
  padding: 17px 18px 15px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--swb-line);
  border-radius: 13px;
  box-shadow: 0 5px 18px rgba(16,33,58,.055);
}

#view:has(.swb-hero) .swb-kpis > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #6743ed, #2ca3dc);
}

#view:has(.swb-hero) .swb-kpis small {
  display: block;
  margin-bottom: 7px;
  color: var(--swb-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
}

#view:has(.swb-hero) .swb-kpis b {
  display: block;
  color: #10213a;
  font-size: 24px;
  line-height: 1.05;
}

/* Table container */
#view:has(.swb-hero) .swb-table {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
  background: #fff;
  border: 1px solid var(--swb-line);
  border-radius: 15px;
  box-shadow: 0 8px 27px rgba(16,33,58,.065);
}

/* Fit all columns on a regular office monitor, including actions */
#view:has(.swb-hero) .swb-row {
  display: grid !important;
  grid-template-columns:
    minmax(145px, 1.15fr)
    minmax(150px, 1.1fr)
    minmax(145px, 1fr)
    minmax(145px, 1fr)
    minmax(130px, .9fr)
    minmax(130px, .9fr)
    minmax(90px, .65fr)
    minmax(155px, .9fr) !important;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-width: 0 !important;
  min-height: 72px;
  padding: 11px 14px;
  border-bottom: 1px solid #edf1f6;
}

#view:has(.swb-hero) .swb-row.header {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #e5effc;
  background: #1c4775;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .5px;
  text-transform: uppercase;
}

#view:has(.swb-hero) .swb-row:not(.header):hover {
  background: #f8fbff;
  box-shadow: inset 4px 0 0 #7152ef;
}

#view:has(.swb-hero) .swb-row > * {
  min-width: 0;
}

#view:has(.swb-hero) .swb-row b {
  color: #10213a;
  font-size: 12px;
}

#view:has(.swb-hero) .swb-row small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: var(--swb-muted);
  font-size: 9px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view:has(.swb-hero) .swb-row .pill {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  justify-content: center;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
}

#view:has(.swb-hero) .row-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  min-width: 0 !important;
}

#view:has(.swb-hero) .row-actions .btn,
#view:has(.swb-hero) .row-actions button {
  min-width: 0;
  min-height: 32px;
  padding: 6px 7px;
  color: #4c31c8;
  background: #f1eeff;
  border: 1px solid #d7ceff;
  border-radius: 8px;
  font-size: 9px;
  font-weight: 800;
}

#view:has(.swb-hero) .row-actions .shipment-finance-action {
  grid-column: 1 / -1;
  color: var(--swb-green);
  background: #e9f8ef;
  border-color: #bee7d4;
}

#view:has(.swb-hero) .row-actions button:hover {
  color: #fff;
  background: var(--swb-purple);
  border-color: var(--swb-purple);
}

#view:has(.swb-hero) .row-actions .shipment-finance-action:hover {
  background: var(--swb-green);
  border-color: var(--swb-green);
}

/* Make flight blocks visually distinct without changing markup */
#view:has(.swb-hero) .swb-row > div:nth-child(3),
#view:has(.swb-hero) .swb-row > div:nth-child(4) {
  min-height: 51px;
  padding: 7px 9px;
  background: #f7f9fc;
  border: 1px solid #e1e8f0;
  border-left: 3px solid #8ea5bf;
  border-radius: 9px;
}

#view:has(.swb-hero) .swb-row.header > div:nth-child(3),
#view:has(.swb-hero) .swb-row.header > div:nth-child(4) {
  min-height: auto;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

/* LAT warning */
#view:has(.swb-hero) .swb-row > div:nth-child(5) b {
  display: block;
  width: max-content;
  padding: 5px 7px;
  background: #eef4fb;
  border-radius: 7px;
}

#view:has(.swb-hero) .swb-row > div:nth-child(5) small {
  color: var(--swb-orange);
  font-weight: 700;
}

/* Responsive fallback */
@media (max-width: 1350px) {
  #view:has(.swb-hero) .swb-table {
    overflow-x: auto !important;
  }

  #view:has(.swb-hero) .swb-row {
    min-width: 1200px !important;
  }
}

@media (max-width: 900px) {
  #view:has(.swb-hero) .swb-toolbar {
    grid-template-columns: 1fr;
  }

  #view:has(.swb-hero) .swb-kpis {
    grid-template-columns: 1fr 1fr;
  }
}

.sc-hero{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;color:#fff;background:linear-gradient(120deg,#102a4c,#214f78 60%,#6340ea);border-radius:18px}.sc-hero small{color:#bed2e8;font-size:9px;font-weight:800;letter-spacing:1.6px}.sc-hero h2{margin:5px 0;font-size:29px}.sc-hero p{margin:0;color:#d9e5f2}.sc-hero input{padding:10px 12px;border:0;border-radius:9px}.sc-toolbar{display:flex;justify-content:space-between;gap:12px;margin:12px 0;padding:10px;background:#fff;border:1px solid #dde6f0;border-radius:12px}.sc-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.sc-toolbar button{padding:8px 11px;color:#52637a;background:#f5f7fb;border:1px solid #dce4ee;border-radius:8px;font-weight:800}.sc-toolbar button.active{color:#fff;background:#6540ee;border-color:#6540ee}.sc-toolbar input{min-width:340px;padding:9px 12px;border:1px solid #d8e2ed;border-radius:8px}.sc-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.sc-kpis>div{padding:15px 16px;background:#fff;border:1px solid #dde6f0;border-radius:12px}.sc-kpis small,.sc-kpis b{display:block}.sc-kpis small{color:#718096;font-size:9px;font-weight:800;text-transform:uppercase}.sc-kpis b{margin-top:5px;font-size:23px}.sc-card{margin:11px 0;overflow:hidden;background:#fff;border:1px solid #dde6f0;border-radius:14px;box-shadow:0 6px 20px rgba(16,33,58,.05)}.sc-card>header{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:#f7f9fc}.sc-card header b,.sc-card header small{display:block}.sc-card header small{margin-top:3px;color:#718096}.sc-status{padding:6px 9px;color:#445670;background:#e9eef5;border-radius:999px;font-size:10px;font-weight:800}.sc-card.Delayed .sc-status,.sc-card.Delayed---Revised-flight-schedule-pending .sc-status{color:#985300;background:#fff1d8}.sc-card.Delayed---Split .sc-status{color:#5531d4;background:#eeeaff}.sc-card.Flown-as-Booked .sc-status,.sc-card.Flown-as-Rebooked .sc-status{color:#087a45;background:#e9f8ef}.sc-route{padding:9px 15px;color:#173653;background:#edf4fb;font-weight:800}.sc-route small{margin-left:10px;color:#687d94;font-weight:600}.sc-legs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.sc-leg{padding:12px;border:1px solid #dde6f0;border-left:4px solid #7b8fa6;border-radius:10px}.sc-leg.revised{border-left-color:#6540ee;background:#faf9ff}.sc-leg>small{color:#718096;font-size:9px;font-weight:800;letter-spacing:.7px}.sc-leg h3{margin:4px 0}.sc-leg p{margin:4px 0;color:#52637a}.sc-leg>div{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.sc-leg>div span{font-size:10px;font-weight:800}.sc-leg button{padding:7px 10px;color:#4f31d2;background:#f1eeff;border:1px solid #d7ceff;border-radius:7px;font-weight:800}.sc-split{padding:7px;color:#5531d4;background:#eeeaff;border-radius:7px;font-weight:800}.sc-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:12px}.sc-choice label{cursor:pointer}.sc-choice input{position:absolute;opacity:0}.sc-choice span{display:block;padding:9px 10px;background:#f5f7fb;border:1px solid #dce4ee;border-radius:8px}.sc-choice input:checked+span{color:#fff;background:#6540ee;border-color:#6540ee}.sc-empty{padding:45px;color:#718096;background:#fff;border:1px solid #dde6f0;border-radius:14px;text-align:center}@media(max-width:1000px){.sc-kpis{grid-template-columns:repeat(2,1fr)}.sc-toolbar{flex-direction:column}.sc-toolbar input{min-width:0;width:100%}.sc-legs{grid-template-columns:1fr}}
/* Cargo OPS Truck Manifest Stable Module */
.stable-warehouse-button { color:#fff;background:#0f7a59;border-color:#0f7a59;font-weight:800; }
.stable-warehouse-button:hover { background:#096247; }
.warehouse-plan-intro { display:grid;gap:4px;margin-bottom:12px;padding:12px 14px;color:#15583f;background:#eaf8f1;border:1px solid #bee7d4;border-radius:10px; }
.warehouse-plan-intro.draft { color:#8b5000;background:#fff1d8;border-color:#f0d29e; }
.warehouse-time-preview { display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px; }
.warehouse-time-preview>div { padding:12px;background:#102940;color:#fff;border-radius:10px; }
.warehouse-time-preview small,.warehouse-time-preview b { display:block; }
.warehouse-time-preview small { color:#b9cce1;font-size:9px;font-weight:800;letter-spacing:1px; }
.warehouse-time-preview b { margin-top:3px;font-size:20px; }
.warehouse-plan-form .wide { grid-column:1/-1; }
.stable-toast { position:fixed;right:22px;bottom:22px;z-index:9999;max-width:440px;padding:13px 16px;color:#fff;background:#087a45;border-radius:10px;box-shadow:0 15px 35px #10213a35;font-weight:700; }
.stable-toast.error { background:#c42b3c; }

.tc-hero{display:flex;align-items:center;justify-content:space-between;padding:25px 29px;color:#fff;background:radial-gradient(circle at 92% 8%,rgba(145,109,255,.5),transparent 30%),linear-gradient(118deg,#102a4c,#214f78 58%,#603be7);border-radius:18px;box-shadow:0 15px 38px rgba(16,42,76,.16)}.tc-hero small,.tc-history header small{color:#cbdcf1;font-size:9px;font-weight:800;letter-spacing:1.6px}.tc-hero h2{margin:6px 0;font-size:30px}.tc-hero p{margin:0;color:#d8e5f3}.tc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.tc-kpis button{padding:15px 17px;text-align:left;background:#fff;border:1px solid #dde6f0;border-radius:12px}.tc-kpis small,.tc-kpis b{display:block}.tc-kpis small{color:#718096;font-size:9px;font-weight:800;text-transform:uppercase}.tc-kpis b{margin-top:5px;font-size:23px}.tc-toolbar{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:#fff;border:1px solid #dde6f0;border-radius:12px}.tc-toolbar>div{display:flex;gap:6px}.tc-toolbar button{padding:8px 11px;color:#52637a;background:#f5f7fb;border:1px solid #dce4ee;border-radius:8px;font-weight:800}.tc-toolbar button.active{color:#fff;background:#6540ee;border-color:#6540ee}.tc-toolbar input{min-width:340px;padding:9px 12px;border:1px solid #d8e2ed;border-radius:8px}.tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:12px 0}.tc-card{overflow:hidden;background:#fff;border:1px solid #dde6f0;border-radius:14px;box-shadow:0 6px 20px rgba(16,33,58,.055)}.tc-card>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f7f9fc}.tc-card>header b{font-size:17px}.tc-pill{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850}.tc-pill.Planning{color:#315b84;background:#eaf1f8}.tc-pill.Loading{color:#995500;background:#fff1d8}.tc-pill.Ready{color:#087a45;background:#e9f8ef}.tc-route{padding:11px 15px;color:#173653;background:#edf4fb;font-size:16px;font-weight:800}.tc-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:9px 15px}.tc-card dl>div{padding:8px 0;border-bottom:1px solid #edf1f6}.tc-card dt{color:#718096;font-size:9px;font-weight:800;text-transform:uppercase}.tc-card dd{margin:3px 0 0;font-weight:700}.tc-card footer{display:flex;gap:7px;padding:12px 15px}.tc-history{margin-top:15px;overflow:hidden;background:#fff;border:1px solid #dde6f0;border-radius:14px;box-shadow:0 6px 20px rgba(16,33,58,.055)}.tc-history>header{padding:15px 17px;background:#173f6a}.tc-history header h2{margin:4px 0;color:#fff}.tc-history-row{display:grid;grid-template-columns:1.3fr .9fr 1fr .6fr .8fr 125px;gap:10px;align-items:center;min-height:52px;padding:10px 15px;border-bottom:1px solid #edf1f6}.tc-history-row.head{min-height:42px;color:#e7effa;background:#1c4775;font-size:9px;font-weight:850;text-transform:uppercase}.tc-history-row small{display:block;margin-top:3px;color:#718096}.tc-history-row button{padding:7px 10px;color:#4f31d2;background:#f1eeff;border:1px solid #d7ceff;border-radius:8px;font-weight:800}.tc-finance{width:max-content;padding:5px 8px;color:#995500;background:#fff1d8;border-radius:999px;font-size:9px;font-weight:800}.tc-finance.Distributed,.tc-finance.Closed{color:#087a45;background:#e9f8ef}.shipment-finance-bridge{grid-column:1/-1!important;color:#087a45!important;background:#e9f8ef!important;border-color:#bee7d4!important;font-weight:800!important}@media(max-width:900px){.tc-kpis{grid-template-columns:1fr 1fr}.tc-toolbar{flex-direction:column}.tc-toolbar input{min-width:0;width:100%}.tc-history{overflow:auto}.tc-history-row{min-width:900px}}
/* Cargo OPS Finance Premium Layout
   CSS-only. No application logic, API routes, data, or calculations are changed. */

:root {
  --fin-navy: #102a4c;
  --fin-navy-2: #193e68;
  --fin-purple: #6540ee;
  --fin-purple-soft: #f0edff;
  --fin-blue-soft: #eef5fc;
  --fin-green: #087a45;
  --fin-green-soft: #e9f8ef;
  --fin-orange: #b66500;
  --fin-orange-soft: #fff2dc;
  --fin-red: #bb3045;
  --fin-red-soft: #fdebed;
  --fin-text: #10213a;
  --fin-muted: #6f7f94;
  --fin-line: #dde6f0;
  --fin-surface: #ffffff;
  --fin-page: #f3f6fb;
}

/* Finance page width and spacing */
#view:has(.fin3-hero) {
  display: block;
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding-bottom: 40px;
}

/* Hero */
.fin3-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 128px;
  margin: 14px 0 16px;
  padding: 25px 29px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 91% 8%, rgba(142, 112, 255, .52), transparent 31%),
    linear-gradient(118deg, #102a4c 0%, #214f78 58%, #5e3cdd 100%);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  box-shadow: 0 15px 38px rgba(17, 42, 76, .18);
}

.fin3-hero::before,
.fin3-hero::after {
  content: '';
  position: absolute;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
}

.fin3-hero::before {
  right: -74px;
  bottom: -145px;
  width: 330px;
  height: 330px;
}

.fin3-hero::after {
  right: 150px;
  top: -95px;
  width: 210px;
  height: 210px;
}

.fin3-hero > * {
  position: relative;
  z-index: 1;
}

.fin3-hero small {
  color: #c9dcf4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.8px;
}

.fin3-hero h2 {
  margin: 6px 0 7px;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -.6px;
}

.fin3-hero p {
  max-width: 750px;
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: 13px;
}

/* Main Finance navigation */
.fin3-tabs {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  padding: 8px;
  background: var(--fin-surface);
  border: 1px solid var(--fin-line);
  border-radius: 13px;
  box-shadow: 0 4px 15px rgba(16, 33, 58, .05);
}

.fin3-tabs button {
  min-height: 38px;
  padding: 8px 15px;
  color: #53637a;
  background: transparent;
  border: 0;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 750;
}

.fin3-tabs button:hover {
  color: #4c2bd0;
  background: var(--fin-purple-soft);
}

.fin3-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #5b35e8, #7455f3);
  box-shadow: 0 5px 15px rgba(91, 53, 232, .25);
}

/* Period controls and search */
.fin3-toolbar {
  display: grid;
  grid-template-columns: auto minmax(240px, 1fr) minmax(250px, 365px);
  align-items: center;
  gap: 15px;
  margin: 0 0 13px;
  padding: 12px 14px;
  background: var(--fin-surface);
  border: 1px solid var(--fin-line);
  border-radius: 13px;
  box-shadow: 0 4px 15px rgba(16, 33, 58, .05);
}

.fin3-toolbar > div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.fin3-toolbar > div:nth-child(2) {
  justify-self: center;
}

.fin3-toolbar button {
  min-width: 40px;
  min-height: 36px;
  padding: 7px 11px;
  color: #4c5d74;
  background: #f6f8fb;
  border: 1px solid #dbe3ed;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 750;
}

.fin3-toolbar button:hover {
  color: #4c2bd0;
  background: var(--fin-purple-soft);
  border-color: #cdc2ff;
}

.fin3-toolbar button.active {
  color: #fff;
  background: var(--fin-purple);
  border-color: var(--fin-purple);
}

.fin3-toolbar b {
  min-width: 195px;
  color: #1a2d47;
  text-align: center;
  font-size: 13px;
}

.fin3-toolbar input {
  width: 100%;
  height: 39px;
  min-width: 0;
  padding: 0 13px;
  color: var(--fin-text);
  background: #f7f9fc;
  border: 1px solid #d7e0eb;
  border-radius: 9px;
  outline: none;
}

.fin3-toolbar input:focus {
  background: #fff;
  border-color: #7658ee;
  box-shadow: 0 0 0 3px rgba(101, 64, 238, .1);
}

/* KPI cards */
.fin3-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 11px;
  margin: 0 0 14px;
}

.fin3-kpis.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fin3-kpis > div {
  position: relative;
  min-width: 0;
  min-height: 82px;
  padding: 17px 17px 15px;
  overflow: hidden;
  background: var(--fin-surface);
  border: 1px solid var(--fin-line);
  border-radius: 13px;
  box-shadow: 0 5px 18px rgba(16, 33, 58, .055);
}

.fin3-kpis > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #6743ed, #2ca3dc);
}

.fin3-kpis small {
  display: block;
  margin-bottom: 7px;
  color: var(--fin-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .65px;
  text-transform: uppercase;
}

.fin3-kpis b {
  display: block;
  overflow: hidden;
  color: var(--fin-text);
  font-size: clamp(20px, 1.5vw, 25px);
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fin3-kpis > div:nth-child(3) b,
.fin3-kpis > div:nth-child(4) b {
  color: var(--fin-green);
}

/* Dashboard cards */
.fin3-card {
  margin: 12px 0;
  padding: 17px;
  background: var(--fin-surface);
  border: 1px solid var(--fin-line);
  border-radius: 15px;
  box-shadow: 0 6px 22px rgba(16, 33, 58, .055);
}

.fin3-card > h2,
.fin3-card > h3 {
  margin: 0 0 13px;
  color: #142842;
  font-size: 18px;
}

.fin3-homegrid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(360px, .65fr);
  gap: 13px;
  align-items: start;
}

/* Attention queue */
.fin3-alert {
  display: grid;
  grid-template-columns: 88px minmax(140px, 200px) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 45px;
  margin: 6px 0;
  padding: 9px 12px;
  color: var(--fin-text);
  background: #fbfcfe;
  border: 1px solid #e1e7ef;
  border-radius: 10px;
  text-align: left;
}

.fin3-alert:hover {
  background: #f5f2ff;
  border-color: #d3c9ff;
  transform: translateY(-1px);
}

.fin3-alert > span {
  display: inline-flex;
  width: max-content;
  padding: 4px 7px;
  color: var(--fin-orange);
  background: var(--fin-orange-soft);
  border-radius: 999px;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .4px;
}

.fin3-alert b {
  font-size: 12px;
}

.fin3-alert small {
  color: var(--fin-muted);
  font-size: 11px;
}

.fin3-alert::after {
  content: 'Open';
  color: #5938da;
  font-size: 10px;
  font-weight: 800;
}

/* Shared tables */
.fin3-table {
  padding: 0;
  overflow: auto;
}

.fin3-srow,
.fin3-trow,
.fin3-tsrow,
.fin3-dist {
  display: grid;
  gap: 11px;
  align-items: center;
  min-height: 52px;
  padding: 10px 14px;
  border-bottom: 1px solid #edf1f6;
  font-variant-numeric: tabular-nums;
}

.fin3-srow {
  grid-template-columns: minmax(180px, 1.35fr) repeat(4, minmax(95px, .75fr)) minmax(105px, .75fr) 110px;
}

.fin3-trow {
  grid-template-columns: minmax(190px, 1.35fr) minmax(150px, 1fr) 80px 105px 115px 100px 140px;
}

.fin3-tsrow {
  grid-template-columns: minmax(160px, 1.15fr) repeat(5, minmax(90px, .8fr)) minmax(100px, .85fr);
}

.fin3-dist {
  grid-template-columns: minmax(180px, 1.3fr) 1fr 1fr 1fr;
}

.fin3-srow.head,
.fin3-trow.head,
.fin3-tsrow.head,
.fin3-dist.head {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 43px;
  color: #e5effc;
  background: var(--fin-navy-2);
  border-bottom: 0;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .55px;
  text-transform: uppercase;
}

.fin3-srow:not(.head):hover,
.fin3-trow:not(.head):hover,
.fin3-tsrow:not(.head):hover,
.fin3-dist:not(.head):hover {
  background: #f8fbff;
  box-shadow: inset 4px 0 0 #7152ef;
}

.fin3-srow b,
.fin3-trow b,
.fin3-tsrow b {
  color: #142842;
}

.fin3-srow small,
.fin3-trow small,
.fin3-tsrow small {
  display: block;
  margin-top: 4px;
  color: var(--fin-muted);
  font-size: 10px;
  font-weight: 500;
}

.fin3-srow > span:not(.pill),
.fin3-trow > span,
.fin3-tsrow > span,
.fin3-dist > span {
  color: #354860;
  text-align: right;
  white-space: nowrap;
}

.fin3-srow > b:nth-child(4),
.fin3-tsrow > b:nth-child(6) {
  color: var(--fin-green);
  text-align: right;
}

.fin3-srow.negative {
  background: var(--fin-red-soft);
}

.fin3-srow.negative > b:nth-child(4) {
  color: var(--fin-red);
}

.fin3-srow button,
.fin3-trow button,
.fin3-tsrow button,
.fin3-dist button {
  min-height: 34px;
  padding: 7px 10px;
  color: #4f31d2;
  background: #f1eeff;
  border: 1px solid #d7ceff;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.fin3-srow button:hover,
.fin3-trow button:hover,
.fin3-tsrow button:hover,
.fin3-dist button:hover {
  color: #fff;
  background: var(--fin-purple);
  border-color: var(--fin-purple);
}

.fin3-srow .pill {
  display: inline-flex;
  justify-content: center;
  min-width: 82px;
  padding: 5px 8px;
  color: #46566c;
  background: #edf2f7;
  border-radius: 999px;
  text-align: center;
  font-size: 9px;
  font-weight: 800;
}

.fin3-empty {
  display: grid;
  min-height: 150px;
  place-items: center;
  padding: 28px;
  color: var(--fin-muted);
  text-align: center;
}

/* Shipment finance file */
.fin3-filehead {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.fin3-filehead > div {
  padding: 12px 13px;
  background: #f7f9fc;
  border: 1px solid var(--fin-line);
  border-radius: 10px;
}

.fin3-filehead small,
.fin3-filehead b {
  display: block;
}

.fin3-filehead small {
  color: var(--fin-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .7px;
  text-transform: uppercase;
}

.fin3-filehead b {
  margin-top: 4px;
  color: #142842;
}

.fin3-filegrid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
  gap: 14px;
  margin-top: 14px;
}

.fin3-filegrid > section {
  padding: 14px;
  border: 1px solid var(--fin-line);
  border-radius: 12px;
}

.fin3-filegrid h3 {
  margin: 0 0 10px;
  color: #142842;
  font-size: 15px;
}

.fin3-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.fin3-ledger {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 110px;
  gap: 9px;
  align-items: center;
  padding: 10px 4px;
  border-bottom: 1px solid #edf1f6;
}

.fin3-ledger > span:last-child {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.fin3-ledger .BUY,
.fin3-ledger .SELL {
  display: inline-flex;
  justify-content: center;
  padding: 4px 6px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 850;
}

.fin3-ledger .BUY {
  color: var(--fin-red);
  background: var(--fin-red-soft);
}

.fin3-ledger .SELL {
  color: var(--fin-green);
  background: var(--fin-green-soft);
}

.fin3-check {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 5px 0;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
}

.fin3-check.ok {
  color: var(--fin-green);
  background: var(--fin-green-soft);
}

.fin3-check.missing {
  color: var(--fin-red);
  background: var(--fin-red-soft);
}

/* Truck settlement */
.fin3-settle {
  margin: 14px 0;
  padding: 15px;
  background: var(--fin-blue-soft);
  border: 1px solid #d5e4f4;
  border-radius: 12px;
}

.fin3-settle h3 {
  margin: 0 0 10px;
}

.fin3-settle > button,
#f3Confirm {
  min-height: 38px;
  padding: 8px 14px;
  color: #fff;
  background: var(--fin-purple);
  border: 0;
  border-radius: 8px;
  font-weight: 800;
}

#f3Confirm {
  margin: 12px 0 2px;
}

/* Modal button hierarchy for Finance */
.dialog:has(.fin3-filehead) .mf .primary,
.dialog:has(.fin3-settle) .mf .primary {
  background: linear-gradient(135deg, #5c38e8, #704ff1);
  box-shadow: 0 5px 15px rgba(92, 56, 232, .2);
}

@media (max-width: 1350px) {
  .fin3-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fin3-homegrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1050px) {
  .fin3-toolbar {
    grid-template-columns: 1fr;
  }

  .fin3-toolbar > div:nth-child(2) {
    justify-self: stretch;
    justify-content: center;
  }

  .fin3-filegrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .fin3-hero {
    min-height: auto;
    padding: 20px;
  }

  .fin3-tabs {
    overflow-x: auto;
  }

  .fin3-tabs button {
    white-space: nowrap;
  }

  .fin3-kpis,
  .fin3-kpis.four,
  .fin3-filehead {
    grid-template-columns: 1fr 1fr;
  }

  .fin3-alert {
    grid-template-columns: 1fr;
  }

  .fin3-alert::after {
    display: none;
  }
}
.finance-handoff-button{grid-column:1/-1!important;color:#087a45!important;background:#e9f8ef!important;border:1px solid #bee7d4!important;font-weight:800!important}.finance-handoff-button:hover{color:#fff!important;background:#087a45!important}.finance-handoff-toast{position:fixed;right:22px;bottom:22px;z-index:9999;padding:13px 16px;color:#fff;background:#087a45;border-radius:10px;box-shadow:0 15px 35px rgba(16,33,58,.25);font-weight:800}

/* Cargo OPS Finance Final */
.ff-hero,.ff-history-hero{padding:25px 29px;color:#fff;background:radial-gradient(circle at 92% 8%,rgba(145,109,255,.5),transparent 30%),linear-gradient(118deg,#102a4c,#214f78 58%,#603be7);border-radius:18px;box-shadow:0 15px 38px rgba(16,42,76,.17)}.ff-hero small,.ff-history-hero small{color:#cbdcf1;font-size:9px;font-weight:800;letter-spacing:1.7px}.ff-hero h2,.ff-history-hero h2{margin:6px 0;font-size:29px}.ff-hero p,.ff-history-hero p{margin:0;color:#d8e5f3}.ff-tabs,.ff-toolbar,.ff-history-toolbar{display:flex;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;background:#fff;border:1px solid #dde6f0;border-radius:13px}.ff-tabs button,.ff-toolbar button,.ff-history-toolbar button{min-height:36px;padding:7px 12px;color:#53637a;background:#f5f7fb;border:1px solid #dce4ee;border-radius:8px;font-weight:800}.ff-tabs button.active,.ff-toolbar button.active,.ff-history-toolbar button.active{color:#fff;background:#6540ee;border-color:#6540ee}.ff-toolbar,.ff-history-toolbar{justify-content:space-between}.ff-toolbar>div,.ff-history-toolbar>div{display:flex;gap:7px;align-items:center}.ff-toolbar input,.ff-history-toolbar input{min-width:320px;padding:9px 12px;background:#f7f9fc;border:1px solid #d7e0eb;border-radius:9px}.ff-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0}.ff-kpis.four{grid-template-columns:repeat(4,minmax(0,1fr))}.ff-kpis>div{padding:16px 17px;background:#fff;border:1px solid #dde6f0;border-radius:13px}.ff-kpis small,.ff-kpis b{display:block}.ff-kpis small{margin-bottom:6px;color:#718096;font-size:9px;font-weight:800;text-transform:uppercase}.ff-kpis b{font-size:22px}.ff-card{margin:12px 0;padding:16px;background:#fff;border:1px solid #dde6f0;border-radius:14px;box-shadow:0 6px 22px rgba(16,33,58,.055)}.ff-card h2,.ff-card h3{margin:0 0 12px}.ff-attention-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ff-attention-summary button{display:grid;grid-template-columns:55px 1fr;align-items:center;padding:13px;text-align:left;background:#fff6e8;border:1px solid #f0d6aa;border-radius:10px}.ff-attention-summary button b{font-size:24px;color:#a95c00}.ff-attention-summary button.danger{background:#fdebed;border-color:#efc2c9}.ff-attention-summary button.danger b{color:#bd3046}.ff-home{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.ff-table{padding:0;overflow:auto}.ff-srow,.ff-trow,.ff-tsrow,.ff-dist,.ff-hsrow,.ff-htrow{display:grid;gap:10px;align-items:center;min-height:52px;padding:10px 13px;border-bottom:1px solid #edf1f6;font-variant-numeric:tabular-nums}.ff-srow{grid-template-columns:1.3fr repeat(4,.75fr) .9fr 110px}.ff-trow{grid-template-columns:1.3fr .7fr .8fr 1fr 1fr 115px}.ff-tsrow{grid-template-columns:1.1fr repeat(6,.8fr)}.ff-dist{grid-template-columns:1.3fr 1fr 1fr 1fr}.ff-hsrow{grid-template-columns:1.3fr 1fr .8fr .8fr .8fr 1fr 1fr 105px}.ff-htrow{grid-template-columns:1.3fr 1fr .7fr .9fr .9fr 1fr 110px}.ff-srow.head,.ff-trow.head,.ff-tsrow.head,.ff-dist.head,.ff-hsrow.head,.ff-htrow.head{min-height:42px;color:#e7effa;background:#1c4775;font-size:9px;font-weight:850;text-transform:uppercase}.ff-srow:not(.head):hover,.ff-trow:not(.head):hover,.ff-tsrow:not(.head):hover,.ff-hsrow:not(.head):hover,.ff-htrow:not(.head):hover{background:#f8fbff;box-shadow:inset 4px 0 0 #7152ef}.ff-srow small,.ff-trow small,.ff-tsrow small,.ff-hsrow small,.ff-htrow small{display:block;margin-top:3px;color:#718096}.ff-srow.negative{background:#fdebed}.ff-srow button,.ff-trow button,.ff-tsrow button,.ff-hsrow button,.ff-htrow button{min-height:33px;color:#4f31d2;background:#f1eeff;border:1px solid #d7ceff;border-radius:8px;font-size:10px;font-weight:800}.ff-empty{display:grid;min-height:150px;place-items:center;color:#718096}.ff-filehead{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ff-filehead>div{padding:12px;background:#f7f9fc;border:1px solid #dde6f0;border-radius:10px}.ff-filehead small,.ff-filehead b{display:block}.ff-filegrid{display:grid;grid-template-columns:1.45fr .8fr;gap:14px;margin-top:14px}.ff-filegrid>section{padding:14px;border:1px solid #dde6f0;border-radius:12px}.ff-section-title{display:flex;justify-content:space-between;align-items:center}.ff-ledger{display:grid;grid-template-columns:52px 1fr 105px 75px;gap:8px;align-items:center;padding:10px 4px;border-bottom:1px solid #edf1f6}.ff-ledger .BUY,.ff-ledger .SELL{display:inline-flex;justify-content:center;padding:4px 6px;border-radius:999px;font-size:9px;font-weight:850}.ff-ledger .BUY{color:#bd3046;background:#fdebed}.ff-ledger .SELL{color:#087a45;background:#e9f8ef}.ff-ledger>span:nth-last-child(2){text-align:right}.ff-ledger em{color:#718096;font-size:9px;font-style:normal}.ff-check{display:flex;gap:8px;margin:5px 0;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:700}.ff-check.ok{color:#087a45;background:#e9f8ef}.ff-check.missing{color:#bd3046;background:#fdebed}.ff-note{display:grid;gap:4px;padding:10px;color:#655013;background:#fff7dd;border-radius:8px}.ff-protection-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.ff-protection-actions button,.ff-filegrid section>button{min-height:36px;padding:7px 10px;border-radius:8px;font-weight:800}.ff-filegrid button.warning{color:#915100;background:#fff1d8;border:1px solid #efd09f}.ff-filegrid button.primary{color:#fff;background:#6540ee;border:0}.ff-settle{margin:14px 0;padding:15px;background:#eef5fc;border:1px solid #d5e4f4;border-radius:12px}.finance-final-toast{position:fixed;right:22px;bottom:22px;z-index:9999;max-width:460px;padding:13px 16px;color:#fff;background:#087a45;border-radius:10px;box-shadow:0 15px 35px rgba(16,33,58,.25);font-weight:700}.finance-final-toast.error{background:#bd3046}@media(max-width:1200px){.ff-kpis{grid-template-columns:repeat(3,1fr)}.ff-home,.ff-filegrid{grid-template-columns:1fr}}@media(max-width:800px){.ff-toolbar,.ff-history-toolbar{align-items:stretch;flex-direction:column}.ff-toolbar input,.ff-history-toolbar input{min-width:0;width:100%}.ff-attention-summary,.ff-kpis,.ff-kpis.four{grid-template-columns:1fr 1fr}.ff-srow,.ff-trow,.ff-tsrow,.ff-dist,.ff-hsrow,.ff-htrow{grid-template-columns:1fr}.ff-srow.head,.ff-trow.head,.ff-tsrow.head,.ff-dist.head,.ff-hsrow.head,.ff-htrow.head{display:none}}
/* Cargo OPS Mobile V1 */
:root{--mobile-nav-height:68px}
.mobile-bottom-nav,.mobile-more-sheet,.mobile-install{display:none}
@media(max-width:820px){
  body{overflow-x:hidden;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}
  .app,.shell{min-height:100dvh}
  .side,aside.side,.sidebar{position:fixed!important;inset:0 auto 0 -290px!important;z-index:1100!important;width:270px!important;transition:left .25s ease!important;box-shadow:18px 0 45px #07172a42}
  body.mobile-menu-open .side,body.mobile-menu-open aside.side,body.mobile-menu-open .sidebar{left:0!important}
  body.mobile-menu-open:before{content:'';position:fixed;inset:0;z-index:1090;background:#07172a99;backdrop-filter:blur(2px)}
  main,.main,.content{width:100%!important;margin-left:0!important;min-width:0!important}
  .topbar,.top-bar,header.topbar{min-height:62px!important;padding:9px 12px!important;gap:8px!important}
  #title{font-size:21px!important;line-height:1.1!important}
  #view{width:100%!important;padding:10px!important;overflow-x:hidden!important}
  .swb-hero,.sc-hero,.tc-hero,.ff-hero,.ff-history-hero,.history-premium-hero{min-height:0!important;margin:0 0 10px!important;padding:18px!important;border-radius:14px!important;align-items:flex-start!important;gap:14px!important}
  .swb-hero h2,.sc-hero h2,.tc-hero h2,.ff-hero h2,.ff-history-hero h2{font-size:23px!important}
  .swb-hero p,.sc-hero p,.tc-hero p,.ff-hero p{font-size:11px!important}
  .swb-hero .btn,.tc-hero .btn{min-height:38px!important;padding:8px 11px!important;white-space:nowrap}
  .swb-bar,.swb-toolbar,.sc-toolbar,.tc-toolbar,.ff-toolbar,.ff-history-toolbar,.history-premium-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:9px!important;overflow:visible!important}
  .swb-bar>div,.swb-toolbar>div,.sc-toolbar>div,.tc-toolbar>div,.ff-toolbar>div,.ff-tabs,.history-premium-toolbar>div{display:flex!important;gap:6px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px;scrollbar-width:none}
  .swb-bar>div::-webkit-scrollbar,.sc-toolbar>div::-webkit-scrollbar,.tc-toolbar>div::-webkit-scrollbar,.ff-tabs::-webkit-scrollbar{display:none}
  .filter-chip,.swb-bar button,.sc-toolbar button,.tc-toolbar button,.ff-tabs button,.ff-toolbar button{flex:0 0 auto!important;min-height:36px!important;padding:7px 10px!important;font-size:10px!important}
  .swb-bar input,.swb-toolbar input,.sc-toolbar input,.tc-toolbar input,.ff-toolbar input,.history-premium-toolbar input{width:100%!important;min-width:0!important;height:40px!important}
  .swb-kpis,.sc-kpis,.tc-kpis,.ff-kpis,.ff-kpis.four,.history-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:8px 0!important}
  .swb-kpis>div,.sc-kpis>div,.tc-kpis button,.ff-kpis>div,.history-kpis>div{min-height:70px!important;padding:12px!important}
  .swb-kpis b,.sc-kpis b,.tc-kpis b,.ff-kpis b,.history-kpis b{font-size:19px!important}
  /* Shipments become cards */
  .swb-table{display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .swb-row.header{display:none!important}
  .swb-row:not(.header){display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;min-width:0!important;min-height:0!important;margin:0 0 9px!important;padding:13px!important;background:#fff!important;border:1px solid #dce5ef!important;border-radius:13px!important;box-shadow:0 5px 16px #10213a12!important}
  .swb-row:not(.header)>div{min-width:0!important;padding:0!important;background:transparent!important;border:0!important}
  .swb-row:not(.header)>div:first-child,.swb-row:not(.header)>div:nth-child(2),.swb-row:not(.header)>.row-actions{grid-column:1/-1!important}
  .swb-row:not(.header)>div:nth-child(3),.swb-row:not(.header)>div:nth-child(4){padding:9px!important;background:#f5f8fc!important;border:1px solid #e0e7ef!important;border-left:3px solid #7956ee!important;border-radius:9px!important}
  .swb-row:not(.header)>div:nth-child(5),.swb-row:not(.header)>div:nth-child(6){padding:8px!important;background:#f8fafc!important;border-radius:8px!important}
  .swb-row:not(.header)>.pill{justify-self:start!important}
  .row-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;min-width:0!important}
  .row-actions button{min-height:38px!important;font-size:10px!important}.row-actions .finance-handoff-button{grid-column:1/-1!important}
  /* Status Control */
  .sc-hero{display:grid!important;grid-template-columns:1fr!important}.sc-hero input{width:100%!important}
  .sc-card{margin:0 0 9px!important;border-radius:13px!important}.sc-card>header{align-items:flex-start!important;gap:8px!important}.sc-status{max-width:48%;text-align:center;white-space:normal!important}
  .sc-route{display:flex!important;justify-content:space-between!important;gap:7px!important;flex-wrap:wrap!important}.sc-legs{grid-template-columns:1fr!important;padding:9px!important}.sc-leg{padding:11px!important}.sc-leg>div{gap:8px!important}.sc-leg button{min-height:38px!important}
  .sc-choice{grid-template-columns:1fr!important}.dialog,.modal-card{width:calc(100vw - 20px)!important;max-height:88dvh!important;overflow:auto!important}.dialog .form,.modal-card .form{grid-template-columns:1fr!important}.dialog .wide,.modal-card .wide{grid-column:auto!important}
  /* Trucks */
  .tc-grid,.truck-card-grid{grid-template-columns:1fr!important;gap:9px!important}.tc-card{border-radius:13px!important}.tc-card dl{grid-template-columns:1fr 1fr!important}.tc-card footer{display:grid!important;grid-template-columns:1fr 1fr!important}.tc-card footer button{min-height:40px!important}
  .tc-history,.truck-history{overflow:hidden!important}.tc-history-row.head,.history-row.header{display:none!important}.tc-history-row:not(.head),.history-row{display:grid!important;grid-template-columns:1fr 1fr!important;min-width:0!important;gap:8px!important;margin:8px!important;padding:11px!important;border:1px solid #e0e7ef!important;border-radius:10px!important}.tc-history-row:not(.head)>b,.tc-history-row:not(.head)>button,.history-row>b,.history-row>button{grid-column:1/-1!important}.tc-history-row button,.history-row button{min-height:39px!important}
  /* Manifest stacks */
  .manifest-layout,.manifest-grid,.manifest-columns{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.manifest-nav{position:sticky!important;top:0!important;z-index:20!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px!important;background:#f3f6fbf2!important;backdrop-filter:blur(8px)}.manifest-nav select{grid-column:1/-1!important;width:100%!important}.manifest-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.manifest-actions>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.manifest-actions button{min-height:40px!important}.unassigned-card{grid-template-columns:1fr auto!important}
  /* Finance cards instead of wide rows */
  .ff-tabs{margin:8px 0!important;padding:7px!important}.ff-home,.ff-filegrid{grid-template-columns:1fr!important}.ff-table{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.ff-srow.head,.ff-trow.head,.ff-tsrow.head,.ff-hsrow.head,.ff-htrow.head,.fin3-srow.head,.fin3-trow.head{display:none!important}.ff-srow:not(.head),.ff-trow:not(.head),.ff-tsrow:not(.head),.ff-hsrow:not(.head),.ff-htrow:not(.head),.fin3-srow:not(.head),.fin3-trow:not(.head){display:grid!important;grid-template-columns:1fr 1fr!important;min-width:0!important;gap:8px!important;margin:0 0 8px!important;padding:12px!important;background:#fff!important;border:1px solid #dce5ef!important;border-radius:11px!important}.ff-srow:not(.head)>b:first-child,.ff-trow:not(.head)>b:first-child,.ff-hsrow:not(.head)>b:first-child,.ff-htrow:not(.head)>b:first-child,.ff-srow:not(.head)>button,.ff-trow:not(.head)>button,.ff-hsrow:not(.head)>button,.ff-htrow:not(.head)>button{grid-column:1/-1!important}.ff-srow button,.ff-trow button,.ff-hsrow button,.ff-htrow button{min-height:39px!important}.ff-ledger{grid-template-columns:48px 1fr 85px!important;font-size:10px!important}.ff-ledger em{grid-column:2/-1!important}.ff-attention-summary{grid-template-columns:1fr!important}
  /* Bottom navigation */
  .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:6px 5px env(safe-area-inset-bottom);background:#102940;border-top:1px solid #ffffff1c;box-shadow:0 -10px 28px #07172a30}
  .mobile-bottom-nav button{display:grid;place-items:center;align-content:center;gap:3px;padding:4px 2px;color:#b9cce1;background:transparent;border:0;border-radius:9px;font-size:9px;font-weight:750}.mobile-bottom-nav button.active{color:#fff;background:#ffffff14}.mobile-bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-more-sheet{position:fixed;left:10px;right:10px;bottom:calc(var(--mobile-nav-height) + 10px + env(safe-area-inset-bottom));z-index:1210;display:none;grid-template-columns:repeat(2,1fr);gap:7px;padding:11px;background:#fff;border:1px solid #dce5ef;border-radius:14px;box-shadow:0 20px 55px #07172a50}.mobile-more-sheet.open{display:grid}.mobile-more-sheet button{min-height:46px;padding:8px;color:#173653;background:#f4f7fb;border:1px solid #dce5ef;border-radius:9px;font-weight:800}
  .mobile-install{position:fixed;right:12px;bottom:calc(var(--mobile-nav-height) + 13px + env(safe-area-inset-bottom));z-index:1190;display:none;padding:9px 12px;color:#fff;background:#6540ee;border:0;border-radius:999px;box-shadow:0 8px 22px #4d2ccd55;font-weight:800}.mobile-install.show{display:block}
}
/* Safety layer: even if JavaScript fails later, splash unlocks after 5 seconds. */
.cargoops-brand-splash{animation:cargoopsHardUnlock 5s linear forwards}
.cargoops-brand-splash.cargoops-splash-leave{opacity:0!important;pointer-events:none!important;transition:opacity .6s ease}
.cargoops-splash-logo-wrap.logo-missing .cargoops-splash-logo{display:none}
.cargoops-splash-logo-wrap>strong{display:none;color:#102940;font:800 14px/1.2 Segoe UI,Arial,sans-serif;letter-spacing:1px;text-align:center}
.cargoops-splash-logo-wrap.logo-missing>strong{display:block}
@keyframes cargoopsHardUnlock{0%,88%{visibility:visible}99%{opacity:0;pointer-events:none}100%{opacity:0;visibility:hidden;pointer-events:none}}

/* Consolidated final Status, Live Map and History layouts */
.co-page-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;color:#fff;background:linear-gradient(105deg,#143d64,#315f98 68%,#6251d4);border-radius:15px}.co-page-hero h2{margin:4px 0}.co-page-hero p{margin:0;color:#dce8f2}.co-page-hero input{padding:10px;border:1px solid #ffffff44;border-radius:9px}.co-toolbar,.co-history-toolbar{display:flex;justify-content:space-between;gap:12px;margin:14px 0;padding:11px;background:#fff;border:1px solid #dce5ef;border-radius:12px}.co-toolbar input,.co-history-toolbar input{min-width:300px;padding:10px;border:1px solid #d4dfeb;border-radius:8px}.co-status-customer{overflow:hidden;margin-bottom:14px;background:#fff;border:1px solid #dce5ef;border-radius:13px}.co-status-customer>header{display:flex;justify-content:space-between;padding:13px 16px;color:#fff;background:linear-gradient(90deg,#173f68,#6252d4)}.co-status-customer h3{margin:3px 0}.co-status-row{display:grid;grid-template-columns:1fr 1.3fr .7fr 3fr;gap:12px;align-items:center;padding:12px 15px;border-top:1px solid #e4ebf3}.co-status-row>div{display:flex;flex-direction:column;gap:3px}.co-status-row small{color:#6d8095;font-size:9px;font-weight:850}.co-status-actions{display:grid!important;grid-template-columns:repeat(3,minmax(120px,1fr));gap:6px}.co-status-actions button,.co-history-toolbar button{padding:8px;border:1px solid #cbd8e7;border-radius:8px;background:#f5f8fc;color:#194d93;font-weight:750}.co-history-toolbar>div{display:flex;gap:7px}.co-history-toolbar button.active{color:#fff;background:#315fd0}.co-history-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.co-history-kpis>div{padding:16px;background:#fff;border:1px solid #dce5ef;border-top:4px solid #4078dc;border-radius:12px}.co-history-kpis small,.co-history-kpis b{display:block}.co-history-kpis b{margin-top:5px;font-size:24px}.co-history-table{overflow:hidden;background:#fff;border:1px solid #dce5ef;border-radius:13px}.co-history-table .head,.co-history-table article{display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr .7fr;gap:10px;align-items:center;padding:12px 14px}.co-history-table .head{color:#fff;background:#173f68;font-size:9px;font-weight:850;text-transform:uppercase}.co-history-table article{border-top:1px solid #e5ebf2}.co-history-table article b small{display:block;color:#6b7f94}.co-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:14px}.co-map-layout #coLiveMap{min-height:650px;border:1px solid #dce5ef;border-radius:14px;box-shadow:0 8px 22px #10213a12}.co-map-layout aside{overflow:auto;max-height:650px;padding:14px;background:#fff;border:1px solid #dce5ef;border-radius:14px}.co-map-layout aside h3{margin-top:0}.co-map-layout aside article{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid #e5ebf2}.co-map-layout aside small{color:#6c8095}@media(max-width:1000px){.co-status-row{grid-template-columns:1fr 1fr}.co-status-actions{grid-column:1/-1}.co-map-layout{grid-template-columns:1fr}.co-map-layout #coLiveMap{min-height:500px}.co-history-kpis{grid-template-columns:1fr}.co-page-hero,.co-toolbar,.co-history-toolbar{align-items:flex-start;flex-direction:column}.co-toolbar input,.co-history-toolbar input{width:100%;min-width:0}}
.shipment-dossier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shipment-dossier-grid>div{padding:13px;background:#f5f8fc;border:1px solid #dce5ef;border-radius:10px}.shipment-dossier-grid small,.shipment-dossier-grid b{display:block}.shipment-dossier-section{margin-top:14px;padding:14px;border:1px solid #dce5ef;border-radius:11px}.shipment-dossier-section article{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr;gap:10px;align-items:center;padding:10px;border-top:1px solid #e5ebf2}.shipment-doc-list{display:grid;gap:8px}.shipment-doc-list article{grid-template-columns:1fr auto auto}.shipment-doc-list article div{display:flex;flex-direction:column}.shipment-doc-list article label{display:flex;gap:6px;align-items:center}@media(max-width:900px){.shipment-dossier-grid{grid-template-columns:1fr 1fr}.shipment-dossier-section article{grid-template-columns:1fr 1fr}}
.btn.danger,.danger{color:#fff!important;background:#cf4055!important;border-color:#cf4055!important}.form label{min-width:0}.form input,.form select,.form textarea{width:100%}@media(max-width:760px){.dialog{width:96vw!important;max-height:96vh!important}.form{grid-template-columns:1fr!important}.main{padding:10px!important}.global-header{align-items:flex-start!important;flex-direction:column!important}.truck-card-grid{grid-template-columns:1fr!important}}
/* final manifest layout */
.manifest-truck-header{display:grid!important;grid-template-columns:1.35fr repeat(3,.75fr) auto auto!important;gap:14px!important;align-items:center!important}.manifest-truck-tools{display:flex!important;gap:7px!important}.manifest-workbench{display:grid!important;grid-template-columns:minmax(320px,.9fr) minmax(520px,1.55fr) minmax(230px,.6fr)!important;gap:12px!important;align-items:start!important}.manifest-unassigned article{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;padding:12px!important;margin-bottom:8px!important;border:1px solid #dce5ef!important;border-radius:10px!important}.manifest-unassigned article small,.manifest-unassigned article strong{display:block!important;margin-top:4px!important}.manifest-shipment{margin-bottom:10px!important;border:1px solid #dce5ef!important;border-radius:10px!important;overflow:hidden!important}.manifest-shipment>header{display:grid!important;grid-template-columns:1fr 1.3fr auto!important;gap:10px!important;align-items:center!important;padding:12px!important;background:#eef3f8!important}.allocation-row{display:grid!important;grid-template-columns:1fr .5fr .7fr auto!important;gap:8px!important;padding:10px!important}.manifest-summary{position:sticky!important;top:12px!important}.manifest-summary button,.manifest-summary>b{display:block!important;width:100%!important;margin-top:8px!important}@media(max-width:1100px){.manifest-workbench{grid-template-columns:1fr!important}.manifest-truck-header{grid-template-columns:1fr 1fr!important}.manifest-summary{position:static!important}}@media(max-width:760px){.manifest-truck-header,.manifest-shipment>header,.allocation-row,.manifest-unassigned article{grid-template-columns:1fr!important}}
.flight-editor{margin-top:14px;padding:14px;border:1px solid #dce5ef;border-radius:12px;background:#f8fafc}.flight-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flight-entry{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;border:1px solid #cfdceb;border-radius:10px;background:#fff}.flight-entry legend{padding:0 7px;font-weight:900;color:#174b94}.flight-entry label{display:grid;gap:5px;font-size:11px;font-weight:800}.flight-entry input,.flight-entry select{width:100%;padding:9px;border:1px solid #ccd9e8;border-radius:8px}.edit-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}@media(max-width:900px){.flight-grid,.flight-entry{grid-template-columns:1fr}.edit-actions{flex-direction:column}}
.finance-center-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;color:#fff;background:linear-gradient(105deg,#123d64,#315f98 67%,#6252d4);border-radius:15px}.finance-center-hero h2{margin:4px 0}.finance-center-hero p{margin:0;color:#dce8f2}.finance-flow{display:flex;align-items:center;gap:8px}.finance-flow span{padding:8px 10px;border:1px solid #ffffff55;border-radius:999px;font-size:9px;font-weight:900}.finance-center-toolbar{display:flex;justify-content:space-between;gap:12px;margin:14px 0;padding:11px;background:#fff;border:1px solid #dce5ef;border-radius:12px}.finance-center-toolbar>div{display:flex;gap:7px}.finance-center-toolbar button{padding:9px 13px;border:1px solid #cbd8e7;border-radius:8px;background:#f5f8fc;color:#174b94;font-weight:800}.finance-center-toolbar button.active{color:#fff;background:#315fd0}.finance-center-toolbar input{min-width:330px;padding:10px;border:1px solid #ccd9e8;border-radius:8px}.finance-center-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.finance-center-kpis>div{padding:15px;background:#fff;border:1px solid #dce5ef;border-top:4px solid #4078dc;border-radius:12px}.finance-center-kpis small,.finance-center-kpis b{display:block}.finance-center-kpis b{margin-top:5px;font-size:23px}.finance-center-table{overflow:hidden;background:#fff;border:1px solid #dce5ef;border-radius:13px}.finance-center-table .head,.finance-center-table article{display:grid;grid-template-columns:1.25fr .8fr .75fr .75fr .75fr .75fr .85fr .75fr;gap:9px;align-items:center;padding:12px 13px}.finance-center-table .head{color:#fff;background:#173f68;font-size:9px;font-weight:900}.finance-center-table article{border-top:1px solid #e5ebf2}.finance-center-table article b small{display:block;color:#6b7f94}.finance-state{padding:6px 8px;border-radius:999px;font-size:9px;font-weight:900;text-align:center}.finance-state.waiting{color:#8a5a00;background:#fff1c9}.finance-state.history{color:#146b49;background:#dff5ea}.finance-empty{padding:30px;text-align:center;color:#6b7f94}@media(max-width:1100px){.finance-center-table{overflow-x:auto}.finance-center-table .head,.finance-center-table article{min-width:1050px}}@media(max-width:760px){.finance-center-hero,.finance-center-toolbar{align-items:flex-start;flex-direction:column}.finance-center-toolbar input{width:100%;min-width:0}.finance-center-kpis{grid-template-columns:1fr 1fr}}
.mail-settings-hero{display:flex;justify-content:space-between;gap:20px;padding:22px;color:#fff;background:linear-gradient(105deg,#123d64,#315f98 65%,#6850d5);border-radius:15px}.mail-settings-hero h2{margin:5px 0}.mail-settings-hero p{margin:0;color:#dce8f3}.mail-settings-hero>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:center;gap:7px}.mail-config-state{padding:7px 9px;border:1px solid #ffffff44;border-radius:999px;font-size:9px;font-weight:900}.mail-config-state.ok{background:#1c9c70}.mail-config-state.bad{background:#c34c55}.mail-settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px;margin:13px 0}.mail-config-card,.mail-test-card,.mail-log-card{padding:17px}.mail-config-card header,.mail-test-card header,.mail-log-card header{display:flex;justify-content:space-between;align-items:center}.mail-config-card h2,.mail-test-card h2,.mail-log-card h2{margin:4px 0}.mail-config-card header small,.mail-test-card header small,.mail-log-card header small{font-size:9px;font-weight:900;color:#4382ba}.mail-config-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mail-config-card dl div{padding:10px;background:#f4f7fb;border-radius:8px}.mail-config-card dt{font-size:9px;color:#6d8195}.mail-config-card dd{margin:4px 0 0;font-weight:800}.mail-test-card label{display:grid;gap:5px;margin:13px 0;font-size:10px;font-weight:800}.mail-test-card input{padding:10px;border:1px solid #cbd8e6;border-radius:8px}.mail-result{margin-top:12px;padding:10px;border-radius:8px}.mail-result.success{color:#126a49;background:#ddf5ea}.mail-result.error{color:#9c3d3d;background:#ffe2df}.mail-log{overflow-x:auto}.mail-log .head,.mail-log article{display:grid;grid-template-columns:1fr .9fr 1.15fr 1.15fr .55fr 1.4fr;gap:8px;align-items:center;padding:10px;min-width:950px}.mail-log .head{color:#fff;background:#173f68;font-size:8px;font-weight:900}.mail-log article{border-bottom:1px solid #e3eaf1}.mail-status{padding:5px 7px;border-radius:999px;text-align:center;font-size:9px;font-weight:900}.mail-status.sent{color:#126a49;background:#ddf5ea}.mail-status.failed{color:#9c3d3d;background:#ffe2df}.mail-status.pending{color:#805000;background:#fff1ca}@media(max-width:900px){.mail-settings-grid{grid-template-columns:1fr}.mail-settings-hero{flex-direction:column}.mail-config-card dl{grid-template-columns:1fr}}
.auto-hero{display:flex;justify-content:space-between;gap:20px;padding:22px;color:#fff;background:linear-gradient(105deg,#123d64,#315f98 65%,#6750d7);border-radius:15px}.auto-hero h2{margin:5px 0}.auto-hero p{margin:0;color:#dce8f3}.auto-hero>div:last-child{display:flex;align-items:center;gap:7px}.auto-hero span{padding:7px 9px;border-radius:999px;font-size:9px;font-weight:900}.auto-hero .good{background:#1b9d70}.auto-hero .bad{background:#c34b54}.auto-hero .test{background:#d28a24}.auto-panel{margin-top:13px;padding:16px}.auto-panel>header{display:flex;justify-content:space-between;align-items:center}.auto-panel h2{margin:4px 0}.auto-panel header small{font-size:9px;font-weight:900;color:#4380b9}.auto-rules{display:grid;gap:9px}.auto-rules>article{display:grid;grid-template-columns:.6fr 1.1fr 1fr 1.25fr 1fr 1.55fr auto;gap:8px;align-items:end;padding:11px;border:1px solid #dae4ed;border-radius:10px}.auto-rules label{display:grid;gap:4px;font-size:9px;font-weight:800}.auto-rules input,.auto-rules select,.warehouse-editor input,.status-email-popup input,.status-email-popup select,.status-email-popup textarea{padding:9px;border:1px solid #cbd8e5;border-radius:7px}.auto-rules small,.warehouse-auto small{display:block;color:#6b7e91}.warehouse-auto article{display:grid;grid-template-columns:1.1fr 1.5fr 1.3fr auto;gap:10px;align-items:center;padding:11px;border-bottom:1px solid #e4eaf0}.auto-log{overflow-x:auto}.auto-log .head,.auto-log article{display:grid;grid-template-columns:1fr .9fr 1.15fr 1.15fr .55fr 1.4fr .7fr;gap:8px;align-items:center;padding:10px;min-width:1080px}.auto-log .head{color:#fff;background:#173f68;font-size:8px;font-weight:900}.auto-log article{border-bottom:1px solid #e4eaf0}.warehouse-editor,.status-email-popup{display:grid;gap:14px}.warehouse-editor header,.status-email-popup header{padding:16px;color:#fff;background:linear-gradient(100deg,#123d64,#6750d7);border-radius:10px}.warehouse-editor h3,.status-email-popup h2{margin:4px 0}.warehouse-editor p,.status-email-popup header p{margin:0}.warehouse-editor label{display:grid;gap:5px;font-weight:800}.status-email-grid{display:grid;grid-template-columns:.7fr 1.3fr 1.3fr;gap:11px}.status-email-grid label{display:grid;gap:5px;font-weight:800}.status-email-grid .wide{grid-column:1/-1}.status-email-grid textarea{min-height:120px}.status-email-preview{padding:13px;border:1px solid #d6e1ec;border-radius:9px;background:#eef4fb}.status-email-preview small,.status-email-preview b{display:block}.status-email-preview b{margin-top:5px;color:#254f84}.status-email-preview p{margin-bottom:0;color:#637a90}.auto-status-mail{margin-left:6px}@media(max-width:1200px){.auto-rules>article{grid-template-columns:1fr 1fr}.status-email-grid{grid-template-columns:1fr}.status-email-grid .wide{grid-column:auto}.auto-hero{flex-direction:column}}
.status-extra-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:1px solid #dbe5ee;border-radius:9px;background:#f6f9fc}.status-extra-fields label{display:grid;gap:5px}.status-extra-fields textarea{min-height:95px}@media(max-width:800px){.status-extra-fields{grid-template-columns:1fr}}
/* v22 presentation repair */
.co-status-hero{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin:0 0 14px!important;padding:24px!important;color:#fff!important;background:linear-gradient(105deg,#123d64,#315f98 65%,#6750d7)!important;border-radius:16px!important;box-shadow:0 16px 42px #173b6924!important}.co-status-hero h2{margin:5px 0!important;font-size:25px!important}.co-status-hero p{margin:0!important;color:#dce8f3!important}.co-status-hero small{font-weight:900!important;letter-spacing:1.3px!important;color:#8fddec!important}.co-status-hero>b{padding:9px 12px!important;border:1px solid #ffffff35!important;border-radius:999px!important;background:#ffffff16!important}.status-filter{padding:14px!important}.status-filter input{width:min(460px,100%)!important;padding:11px 13px!important;border:1px solid #cbd8e5!important;border-radius:9px!important;background:#fff!important}.status-customer20{margin:0 14px 14px!important;border:1px solid #d8e3ed!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 8px 24px #173b6617!important}.status-customer20>header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 16px!important;color:#fff!important;background:linear-gradient(90deg,#173f68,#285f94)!important}.status-customer20 h3{margin:4px 0!important;font-size:17px!important}.status-customer20 header small{color:#9fdae7!important}.status-customer20>article{display:grid!important;grid-template-columns:1.05fr 1fr .5fr .72fr!important;gap:13px!important;align-items:center!important;padding:13px 16px!important;border-bottom:1px solid #e4ebf1!important}.status-customer20>article:hover{background:#f7faff!important}.status-customer20 small,.status-customer20 b,.status-customer20 span{display:block!important}.status-customer20 small{font-size:8px!important;font-weight:900!important;color:#75879a!important}.status-customer20 b{margin:3px 0!important}.history-hero{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 0 14px!important;padding:24px!important;color:#fff!important;background:linear-gradient(105deg,#123d64,#315f98 65%,#6750d7)!important;border-radius:16px!important;box-shadow:0 16px 42px #173b6924!important}.history-hero h2{margin:5px 0!important}.history-hero p{margin:0!important;color:#dce8f3!important}.history-toolbar{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:13px!important;padding:11px!important;border:1px solid #d8e3ed!important;border-radius:12px!important;background:#fff!important}.archive-table{padding:0!important;overflow:hidden!important;border:1px solid #d8e3ed!important;border-radius:12px!important;background:#fff!important;box-shadow:0 9px 26px #173b6617!important}.archive-row{display:grid!important;grid-template-columns:1.25fr .8fr 1fr .65fr .7fr!important;gap:10px!important;align-items:center!important;padding:13px 15px!important;border-bottom:1px solid #e4ebf1!important}.archive-row.truck{grid-template-columns:1.25fr .8fr 1fr .55fr .7fr!important}.archive-row.header{color:#fff!important;background:#173f68!important;font-size:9px!important;font-weight:900!important}.archive-row small{display:block!important;color:#728599!important}.finance-center-table{overflow-x:auto!important}.finance-center-table .head,.finance-center-table article{min-width:1050px!important}.finance-empty{padding:38px!important;text-align:center!important;color:#718397!important}@media(max-width:900px){.status-customer20>article{grid-template-columns:1fr 1fr!important}.co-status-hero,.history-hero{align-items:flex-start!important;flex-direction:column!important}}
.cargoops-brand-splash{display:none!important}.v24hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:23px;color:#fff;background:linear-gradient(105deg,#123d64,#315f98 65%,#6750d7);border-radius:15px}.v24hero h2{margin:5px 0}.v24hero p{margin:0;color:#dce8f3}.v24table,.v24history{overflow-x:auto;border:1px solid #d8e3ed;border-radius:12px;background:#fff}.v24table .head,.v24table article{display:grid;grid-template-columns:1.25fr .55fr 1fr 1fr .55fr .75fr;gap:10px;align-items:center;padding:12px 15px;min-width:1050px}.v24history .head,.v24history article{display:grid;grid-template-columns:1.3fr .8fr 1fr .65fr .7fr;gap:10px;align-items:center;padding:13px 15px;min-width:900px}.v24table .head,.v24history .head{color:#fff;background:#173f68;font-size:9px;font-weight:900}.v24table article,.v24history article{border-bottom:1px solid #e4ebf1}.v24table small,.v24history small{display:block;color:#728599}.v24table article>div{display:flex;gap:6px}.v24tools{display:flex;gap:7px;margin-bottom:13px;padding:10px;border:1px solid #d8e3ed;border-radius:11px;background:#fff}.v24tools input{margin-left:auto;padding:9px;border:1px solid #cbd7e4;border-radius:8px}.v24tools button{padding:9px;border:1px solid #cbd7e4;border-radius:8px;background:#fff}.v24tools button.active{color:#fff;background:#285fc4}.leaflet-container,#masterMap,#coLiveMap{display:block!important;width:100%!important;height:680px!important;min-height:520px!important;background:#dce7ef!important}

/* ===== FINAL HISTORY + NOTIFICATIONS ===== */
.history-hero{margin-bottom:14px!important;padding:26px!important;color:#fff!important;background:linear-gradient(110deg,#123d64,#2d6097 62%,#6555d8)!important;border-radius:16px!important;box-shadow:0 16px 40px rgba(23,59,105,.16)!important}.history-hero h2{margin:5px 0!important;color:#fff!important;font-size:28px!important}.history-hero p{margin:0!important;color:#dbe8f4!important}.history-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;padding:12px!important;border:1px solid #d9e3ed!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 24px rgba(23,59,105,.06)!important}.history-toolbar input{width:min(430px,100%)!important;padding:11px 12px!important;border:1px solid #cbd8e5!important;border-radius:9px!important}.archive-table{overflow:hidden!important;padding:0!important;border:1px solid #d9e3ed!important;border-radius:13px!important;background:#fff!important;box-shadow:0 10px 28px rgba(23,59,105,.07)!important}.archive-row{display:grid!important;grid-template-columns:1.3fr .8fr 1fr .65fr .8fr!important;gap:12px!important;align-items:center!important;padding:14px 16px!important;border-bottom:1px solid #e6edf4!important}.archive-row.truck{grid-template-columns:1.3fr .8fr 1fr .6fr .7fr!important}.archive-row.header{color:#fff!important;background:#173f68!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important}.archive-row small{display:block!important;margin-top:3px!important;color:#728599!important}.notification-button{position:relative!important;cursor:pointer!important}.notification-popover{position:absolute;right:250px;top:68px;z-index:999;width:min(390px,calc(100vw - 24px));overflow:hidden;border:1px solid #d9e3ed;border-radius:14px;background:#fff;box-shadow:0 24px 60px rgba(23,59,105,.22)}.notification-popover.hidden{display:none}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e6edf4}.notification-head h3{margin:0}.notification-list{max-height:420px;overflow:auto}.notification-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:13px 16px;border-bottom:1px solid #edf2f6}.notification-item.unread{background:#eef5ff}.notification-item small{display:block;color:#718397}.notification-empty{padding:28px;text-align:center;color:#718397}@media(max-width:900px){.history-toolbar{align-items:stretch!important;flex-direction:column!important}.archive-row,.archive-row.truck{grid-template-columns:1fr 1fr!important}.archive-row.header{display:none!important}.notification-popover{right:12px;top:68px}}

/* v31 definitive ff-history layout */
.ff-history-hero{display:block!important;margin:0 0 14px!important;padding:26px 28px!important;color:#fff!important;background:linear-gradient(108deg,#123d64 0%,#2c6098 65%,#6449dc 100%)!important;border-radius:16px!important;box-shadow:0 16px 40px rgba(23,59,105,.16)!important}.ff-history-hero small{display:block!important;color:#cfe0f2!important;font-size:9px!important;font-weight:900!important;letter-spacing:1.6px!important}.ff-history-hero h2{margin:5px 0!important;color:#fff!important;font-size:30px!important}.ff-history-hero p{margin:0!important;color:#e2edf7!important}.ff-history-toolbar{display:grid!important;grid-template-columns:auto minmax(300px,430px)!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;padding:11px 12px!important;border:1px solid #d8e3ee!important;border-radius:13px!important;background:#fff!important;box-shadow:0 7px 22px rgba(23,59,105,.06)!important}.ff-history-toolbar>div{display:flex!important;gap:8px!important}.ff-history-toolbar button{min-height:38px!important;padding:8px 14px!important;border:1px solid #d4deea!important;border-radius:9px!important;background:#f5f8fc!important;color:#4d6077!important;font-weight:850!important}.ff-history-toolbar button.active{color:#fff!important;background:#6449dc!important;border-color:#6449dc!important}.ff-history-toolbar input{width:100%!important;height:40px!important;padding:0 13px!important;border:1px solid #ccd8e5!important;border-radius:9px!important;background:#f8fafc!important}.ff-card.ff-table{overflow:hidden!important;padding:0!important;border:1px solid #d9e3ed!important;border-radius:13px!important;background:#fff!important;box-shadow:0 10px 28px rgba(23,59,105,.07)!important}.ff-hsrow,.ff-htrow{display:grid!important;gap:10px!important;align-items:center!important;padding:13px 15px!important;border-top:1px solid #e7edf4!important}.ff-hsrow{grid-template-columns:1.25fr .7fr .72fr .72fr .72fr .76fr .9fr auto!important}.ff-htrow{grid-template-columns:1.25fr .8fr .7fr .8fr .8fr 1fr auto!important}.ff-hsrow.head,.ff-htrow.head{border-top:0!important;color:#fff!important;background:#153f68!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.045em!important}.ff-hsrow b small,.ff-htrow b small{display:block!important;margin-top:3px!important;color:#70849a!important}.ff-hsrow button,.ff-htrow button{padding:8px 11px!important;border:0!important;border-radius:8px!important;background:#153f68!important;color:#fff!important;font-weight:800!important;white-space:nowrap!important}@media(max-width:980px){.ff-history-toolbar{grid-template-columns:1fr!important}.ff-hsrow,.ff-htrow{grid-template-columns:1fr 1fr!important}.ff-hsrow.head,.ff-htrow.head{display:none!important}.ff-hsrow:not(.head),.ff-htrow:not(.head){margin:9px!important;border:1px solid #dce5ef!important;border-radius:10px!important}.ff-hsrow:not(.head)>b:first-child,.ff-htrow:not(.head)>b:first-child,.ff-hsrow button,.ff-htrow button{grid-column:1/-1!important}}

/* v32 exact premium-history selectors used by the live History screen */
.history-premium-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 14px!important;padding:26px 28px!important;color:#fff!important;background:linear-gradient(108deg,#123d64 0%,#2d6199 64%,#6748df 100%)!important;border-radius:16px!important;box-shadow:0 16px 40px rgba(23,59,105,.16)!important}.history-premium-hero small{display:block!important;color:#c8dcef!important;font-size:9px!important;font-weight:900!important;letter-spacing:1.6px!important}.history-premium-hero h2{margin:5px 0!important;color:#fff!important;font-size:30px!important;line-height:1.1!important}.history-premium-hero p{margin:0!important;color:#e1ebf5!important}.history-premium-toolbar{display:grid!important;grid-template-columns:auto minmax(300px,430px)!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important;padding:11px 12px!important;border:1px solid #d8e3ed!important;border-radius:13px!important;background:#fff!important;box-shadow:0 7px 22px rgba(23,59,105,.06)!important}.history-premium-toolbar>div{display:flex!important;gap:8px!important}.history-premium-toolbar button{min-height:38px!important;padding:8px 14px!important;border:1px solid #d3deea!important;border-radius:9px!important;background:#f5f8fc!important;color:#4e6178!important;font-weight:850!important}.history-premium-toolbar button.active{color:#fff!important;background:#6547df!important;border-color:#6547df!important}.history-premium-toolbar input{width:100%!important;height:40px!important;padding:0 13px!important;border:1px solid #ccd8e5!important;border-radius:9px!important;background:#f8fafc!important}.history-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important}.history-kpis>div{padding:16px 18px!important;border:1px solid #d9e3ed!important;border-top:4px solid #6547df!important;border-radius:12px!important;background:#fff!important;box-shadow:0 7px 20px rgba(23,59,105,.05)!important}.history-kpis small{display:block!important;color:#74879b!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important}.history-kpis b{display:block!important;margin-top:5px!important;color:#153f68!important;font-size:25px!important}.history-premium-table{overflow:hidden!important;border:1px solid #d9e3ed!important;border-radius:13px!important;background:#fff!important;box-shadow:0 10px 28px rgba(23,59,105,.07)!important}.history-shipment-row,.history-truck-row{display:grid!important;gap:10px!important;align-items:center!important;padding:13px 15px!important;border-top:1px solid #e7edf4!important}.history-shipment-row{grid-template-columns:1.25fr .75fr 1fr .7fr .8fr auto!important}.history-truck-row{grid-template-columns:1.25fr .8fr 1fr .65fr .75fr auto!important}.history-shipment-row.head,.history-truck-row.head{border-top:0!important;color:#fff!important;background:#153f68!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.045em!important}.history-shipment-row b small,.history-truck-row b small{display:block!important;margin-top:3px!important;color:#70849a!important;font-weight:600!important}.history-status.closed{display:inline-flex!important;width:max-content!important;padding:5px 8px!important;border-radius:999px!important;background:#e9f8ef!important;color:#087a45!important;font-size:10px!important;font-weight:850!important}.history-shipment-row button,.history-truck-row button{padding:8px 11px!important;border:0!important;border-radius:8px!important;background:#153f68!important;color:#fff!important;font-weight:800!important;white-space:nowrap!important}.history-empty{padding:35px!important;text-align:center!important;color:#718397!important}.history-empty b,.history-empty small{display:block!important}@media(max-width:980px){.history-premium-toolbar{grid-template-columns:1fr!important}.history-kpis{grid-template-columns:1fr!important}.history-shipment-row,.history-truck-row{grid-template-columns:1fr 1fr!important}.history-shipment-row.head,.history-truck-row.head{display:none!important}.history-shipment-row:not(.head),.history-truck-row:not(.head){margin:9px!important;border:1px solid #dce5ef!important;border-radius:10px!important}.history-shipment-row:not(.head)>b:first-child,.history-truck-row:not(.head)>b:first-child,.history-shipment-row button,.history-truck-row button{grid-column:1/-1!important}}
/* ===== v35.1 lazy enhancements; no background API polling ===== */
.v351-tools{display:flex;gap:8px;align-items:center}.v351-search{position:relative}.v351-search input{width:310px;padding:9px 12px;border:1px solid #d3deea;border-radius:9px;background:#fff}.v351-results{position:absolute;right:0;top:44px;z-index:3000;width:400px;max-height:520px;overflow:auto;border:1px solid #d8e3ed;border-radius:12px;background:#fff;box-shadow:0 20px 50px #173b6930}.v351-results.hidden{display:none}.v351-results header{padding:11px 13px;color:#fff;background:#153f68;font-size:9px;font-weight:900}.v351-results button{display:block;width:100%;padding:11px 13px;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left}.v351-results button:hover{background:#f4f8fc}.v351-results b,.v351-results small{display:block}.v351-results small{margin-top:3px;color:#718397}.v351-tv{padding:9px 12px;border:0;border-radius:9px;background:#6547df;color:#fff;font-weight:900}.v351-loading,.v351-empty{padding:20px;text-align:center;color:#718397}.v351-alerts{position:fixed;right:270px;top:72px;z-index:4500;width:390px;overflow:hidden;border:1px solid #d8e3ed;border-radius:14px;background:#fff;box-shadow:0 24px 60px #173b6940}.v351-alerts header{display:flex;justify-content:space-between;align-items:center;padding:14px;color:#fff;background:#153f68}.v351-alerts header h3{margin:2px 0}.v351-alerts>button{display:grid;grid-template-columns:12px 1fr;gap:10px;width:100%;padding:12px;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left}.v351-alerts i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#d9a319}.v351-alerts .red i{background:#d94055}.v351-alerts .orange i{background:#ef8d22}.v351-alerts span b,.v351-alerts span small{display:block}.v351-alerts span small{color:#718397}.v351-dossier-wrap{position:fixed;inset:0;z-index:6000;display:grid;place-items:center;padding:20px;background:#06192dcc}.v351-dossier{width:min(1050px,96vw);max-height:92vh;overflow:auto;border-radius:16px;background:#f5f8fb;box-shadow:0 25px 80px #0005}.v351-dossier>header{display:flex;justify-content:space-between;padding:22px 25px;color:#fff;background:linear-gradient(105deg,#123d64,#6547df)}.v351-dossier>header h2{margin:4px 0}.v351-dossier>header p{margin:0}.v351-dossier>header button{border:0;background:transparent;color:#fff;font-size:28px}.v351-kpis,.v351-perf-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:15px}.v351-kpis>div,.v351-perf-kpis>div{padding:14px;border:1px solid #d9e3ed;border-top:4px solid #6547df;border-radius:11px;background:#fff}.v351-kpis small,.v351-kpis b,.v351-perf-kpis small,.v351-perf-kpis b{display:block}.v351-kpis b,.v351-perf-kpis b{margin-top:5px;font-size:21px}.v351-dossier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 15px}.v351-dossier-grid section{padding:15px;border:1px solid #d9e3ed;border-radius:11px;background:#fff}.v351-dossier-grid p{display:flex;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid #edf1f5}.v351-dossier>footer{display:flex;justify-content:flex-end;gap:8px;padding:15px}.v351-tv-mode{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;background:#071c31;color:#fff}.v351-tv-mode>header{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;background:linear-gradient(100deg,#0b2d4c,#154a75)}.v351-tv-mode h1{margin:4px 0}.v351-tv-mode>header>div:last-child{display:flex;align-items:center;gap:20px}.v351-tv-mode>header b{color:#55df9a}.v351-tv-mode>header button{border:0;background:transparent;color:white;font-size:30px}.v351-tv-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:#31506b}.v351-tv-kpis div{padding:18px 24px;background:#0d2943}.v351-tv-kpis small,.v351-tv-kpis b{display:block}.v351-tv-kpis b{font-size:30px}.v351-tv-grid{display:grid;grid-template-columns:1fr 330px;gap:15px;flex:1;min-height:0;padding:20px}.v351-tv-grid section,.v351-tv-grid aside{overflow:auto;padding:18px;border:1px solid #24445f;border-radius:12px;background:#0b2238}.v351-tv-grid article{display:grid;grid-template-columns:1fr 1.2fr .8fr .8fr .5fr;gap:12px;padding:11px 0;border-bottom:1px solid #24445f}.v351-tv-grid article i{color:#75dba9;font-style:normal}.v351-tv-grid aside p{padding:10px;border-left:4px solid #3b80d0;background:#102d48}.v351-tv-grid aside p.red{border-color:#db4156}.v351-tv-grid aside p.orange{border-color:#ef9129}.v351-tv-grid aside small{display:block;color:#b7c8d8}.v351-tv-mode>footer{padding:10px 30px;text-align:right;color:#9fb5c8;background:#0a2136}.v351-perf-hero{margin-bottom:14px;padding:25px;color:#fff;background:linear-gradient(105deg,#123d64,#6547df);border-radius:16px}.v351-perf-hero h2{margin:4px 0}.v351-perf-hero p{margin:0}.v351-perf-kpis{padding:0;margin-bottom:14px}.v351-perf article{display:grid;grid-template-columns:180px 1fr 55px 100px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #e5ebf2}.v351-perf article div{height:10px;border-radius:999px;background:#edf1f5;overflow:hidden}.v351-perf article i{display:block;height:100%;background:linear-gradient(90deg,#315fd0,#6547df)}@media(max-width:900px){.v351-tools{display:none}.v351-alerts{right:10px;top:70px;width:calc(100vw - 20px)}.v351-kpis,.v351-dossier-grid,.v351-perf-kpis{grid-template-columns:1fr}.v351-tv-grid{grid-template-columns:1fr}.v351-tv-kpis{grid-template-columns:repeat(2,1fr)}}
/* ===== v35.2 Finance Rate Fix ===== */
.rate-editor{margin-top:14px;padding:16px;border:1px solid #d7e2ed;border-radius:12px;background:linear-gradient(180deg,#f9fbfd,#f3f7fb)}.rate-editor>div:first-child small{display:block;color:#6547df;font-size:9px;font-weight:900;letter-spacing:1.2px}.rate-editor h3{margin:3px 0 12px;color:#173f68}.rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rate-grid label{display:grid;gap:5px;font-size:10px;font-weight:850;color:#17314e}.rate-grid input{width:100%;padding:10px 11px;border:1px solid #cbd8e5;border-radius:8px;background:#fff}.rate-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.rate-preview>div{padding:10px 11px;border:1px solid #dce5ef;border-radius:9px;background:#fff}.rate-preview small,.rate-preview b{display:block}.rate-preview small{color:#718397;font-size:8px;font-weight:900}.rate-preview b{margin-top:4px;color:#173f68}.rate-preview .profit{color:#fff;background:#173f68;border-color:#173f68}.rate-preview .profit small,.rate-preview .profit b{color:#fff}@media(max-width:900px){.rate-grid,.rate-preview{grid-template-columns:1fr}}
/* Cargo OPS Customer Orders V1 */
.oo1-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:24px;color:#fff;background:linear-gradient(105deg,#123d64,#6547df);border-radius:16px}.oo1-hero h2{margin:4px 0}.oo1-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.oo1-kpis>div{padding:14px;border:1px solid #d9e3ed;border-top:4px solid #6547df;border-radius:11px;background:#fff}.oo1-kpis small,.oo1-kpis b{display:block}.oo1-kpis b{margin-top:5px;font-size:21px}.oo1-table{border:1px solid #d9e3ed;border-radius:12px;background:#fff;overflow:hidden}.oo1-table header,.oo1-table article{display:grid;grid-template-columns:1.4fr .9fr .7fr .7fr .9fr .9fr auto;gap:10px;align-items:center;padding:12px 14px}.oo1-table header{color:#fff;background:#173f68;font-size:9px;font-weight:900}.oo1-table article{border-top:1px solid #e7edf3}.oo1-table small{display:block;color:#718397}.oo1-table button,.oo1-actions button{padding:8px 11px;border:0;border-radius:8px;background:#173f68;color:#fff;font-weight:800}.oo1-attention,.oo1-detail,.oo1-events{margin-bottom:14px;padding:15px;border:1px solid #d9e3ed;border-radius:12px;background:#fff}.oo1-attention article{display:grid;grid-template-columns:180px 1fr;gap:8px;padding:9px;border-bottom:1px solid #edf1f5}.oo1-attention small{grid-column:2}.oo1-detail p{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf1f5}.oo1-shipments{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.oo1-shipments article{overflow:hidden;border:1px solid #d9e3ed;border-radius:11px;background:#fff}.oo1-shipments header{display:flex;justify-content:space-between;padding:10px 12px;color:#fff;background:#6547df}.oo1-shipments article>div{padding:13px}.oo1-shipments article span,.oo1-shipments article strong{display:block;margin:5px 0}.oo1-actions{display:flex;gap:8px;margin:15px 0}.oo1-actions .accept{background:#15925f}.oo1-actions .reject{background:#d94b5e}.oo1-events p{display:grid;grid-template-columns:170px 170px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #edf1f5}@media(max-width:900px){.oo1-kpis,.oo1-shipments{grid-template-columns:1fr}.oo1-table header{display:none}.oo1-table article{grid-template-columns:1fr 1fr}}
.profile-photo-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;overflow:hidden;background:transparent;cursor:pointer}.profile-photo-btn img{position:absolute;z-index:2;width:38px;height:38px;border-radius:50%;object-fit:cover}.profile-photo-btn i{margin:0!important}.rq-notice-actions{display:flex;align-items:center;gap:10px}.rq-notice-actions button{padding:8px 10px;border:1px solid #ffffff55;border-radius:8px;background:#ffffff16;color:#fff;font-weight:800;cursor:pointer}
.v26-status-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:24px;color:#fff;background:linear-gradient(105deg,#123d64,#315f98 65%,#6750d7);border-radius:16px;box-shadow:0 16px 42px #173b6924}.v26-status-hero h2{margin:5px 0;font-size:25px}.v26-status-hero p{margin:0;color:#dce8f3}.v26-status-hero small{color:#8fddec;font-weight:900;letter-spacing:1.3px}.v26-status-hero>b{padding:8px 11px;border:1px solid #ffffff3a;border-radius:999px;background:#ffffff16}.v26-status-tools{margin-bottom:13px;padding:11px;border:1px solid #d8e3ed;border-radius:11px;background:#fff}.v26-status-tools input{width:min(460px,100%);padding:10px 12px;border:1px solid #cbd8e5;border-radius:8px}.v26-customer{margin-bottom:14px;overflow:hidden;border:1px solid #d8e3ed;border-radius:13px;background:#fff;box-shadow:0 9px 26px #173b6617}.v26-customer>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#fff;background:linear-gradient(90deg,#173f68,#285f94)}.v26-customer>header h3{margin:4px 0;font-size:18px}.v26-customer>header small{color:#9fdce9;font-size:9px;font-weight:900}.v26-customer>header>b{padding:6px 9px;border-radius:999px;background:#ffffff18;font-size:10px}.v26-status-head,.v26-status-row{display:grid;grid-template-columns:1.15fr 1fr .65fr .72fr;gap:12px;align-items:center;padding:12px 16px}.v26-status-head{color:#5f7489;background:#eef4f8;font-size:9px;font-weight:900}.v26-status-row{border-top:1px solid #e4ebf1}.v26-status-row:hover{background:#f7faff}.v26-status-row small,.v26-status-row b,.v26-status-row span{display:block}.v26-status-row small{color:#728599}.v26-status-row .pill{display:inline-block}.v26-status-row button{justify-self:start}@media(max-width:850px){.v26-status-hero{align-items:flex-start;flex-direction:column}.v26-status-head{display:none}.v26-status-row{grid-template-columns:1fr 1fr}.v26-status-row button{justify-self:stretch}}
.profile-photo-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;overflow:hidden;background:transparent;cursor:pointer}.profile-photo-btn img{position:absolute;z-index:2;width:38px;height:38px;border-radius:50%;object-fit:cover}.profile-photo-btn i{margin:0!important}.rq-notice-actions{display:flex;align-items:center;gap:10px}.rq-notice-actions button{padding:8px 10px;border:1px solid #ffffff55;border-radius:8px;background:#ffffff16;color:#fff;font-weight:800;cursor:pointer}.customer-email-test{display:grid;grid-template-columns:1fr 300px auto;gap:14px;align-items:end;margin-bottom:16px;padding:18px;border:1px solid #d8e4ee;border-radius:13px;background:#fff}.customer-email-test label{display:grid;gap:6px}.customer-email-test input{padding:10px;border:1px solid #cad8e3;border-radius:8px}.customer-email-test #customerEmailTestResult{grid-column:1/-1}.email-test-summary{display:flex;gap:12px;padding:10px;border-radius:8px}.email-test-summary.pass{background:#eaf8f0;color:#176b46}.email-test-summary.fail{background:#fff0f0;color:#a13434}.email-test-list p{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eef2f5}
.rq-shell{max-width:1320px;margin:0 auto;padding-bottom:40px}.rq-title{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-radius:16px;background:linear-gradient(110deg,#153f65,#304c94 58%,#6448da);color:#fff;box-shadow:0 12px 32px #143a641b}.rq-title small{color:#9edcf0;font-size:9px;font-weight:900;letter-spacing:1.2px}.rq-title h2{margin:5px 0 4px;font-size:26px}.rq-title p{margin:0;color:#dbe8f2}.rq-title>b,.rq-bigstatus{padding:9px 12px;border-radius:9px;background:#ffffff18;color:#fff}.rq-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.rq-summary article{padding:15px 17px;border:1px solid #dae5ed;border-radius:11px;background:#fff}.rq-summary small,.rq-summary b{display:block}.rq-summary small{font-size:9px;color:#72869a;font-weight:900}.rq-summary b{margin-top:5px;color:#173f63;font-size:22px}.rq-table,.rq-card,.rq-review,.rq-notices{border:1px solid #d9e4ed;border-radius:13px;background:#fff;overflow:hidden}.rq-table header,.rq-table article{display:grid;grid-template-columns:1.5fr .8fr .8fr 1fr 1fr auto;align-items:center;gap:12px;padding:13px 17px}.rq-table header{background:#173f65;color:#fff;font-size:9px;font-weight:900}.rq-table article{border-top:1px solid #e8eef3}.rq-table article div{display:grid}.rq-table article small{color:#8192a0}.rq-table article button{padding:8px 11px;border:0;border-radius:7px;background:#eaf3fa;color:#1b5d91;font-weight:850;cursor:pointer}.rq-type{display:inline-block;padding:5px 8px;border-radius:7px;font-style:normal;font-size:9px;font-weight:900}.rq-type.booking{background:#e9f1ff;color:#315fbb}.rq-type.handling{background:#e7f7f1;color:#197753}.rq-status{color:#385773;font-size:11px}.rq-card{margin-top:14px}.rq-card>header{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid #e7edf3}.rq-card h3{margin:4px 0 0;color:#173d5f}.rq-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e7edf2}.rq-facts>div{padding:17px;background:#fff}.rq-facts small,.rq-facts b{display:block}.rq-facts small{font-size:9px;color:#7d8fa0;font-weight:850}.rq-facts b{margin-top:5px;color:#173e61}.rq-review{margin-top:14px;padding:20px}.rq-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px!important;margin-top:15px}.rq-review-grid label{display:grid;gap:6px}.rq-review-grid input,.rq-review-grid textarea,.rq-review-grid select{padding:11px;border:1px solid #cbd9e5;border-radius:8px}.rq-review-grid .wide{grid-column:1/-1}.rq-review footer{display:flex;justify-content:flex-end;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid #e5ecf2}.rq-review button,.rq-back{padding:10px 14px;border:0;border-radius:8px;font-weight:850;cursor:pointer}.rq-review .accept{background:#15945f;color:#fff}.rq-review .danger{background:#fff0f0;color:#a63b3b}.rq-review .secondary{margin-right:auto}.rq-notices button{display:grid;width:100%;grid-template-columns:9px 1fr auto;align-items:center;gap:13px;padding:16px 18px;border:0;border-bottom:1px solid #e7edf3;background:#fff;text-align:left;cursor:pointer}.rq-notices button.unread{background:#f7faff}.rq-notices button>i{width:9px;height:9px;border-radius:50%;background:#c4d1dc}.rq-notices button.unread>i{background:#e94a4a}.rq-notices button div{display:grid;gap:3px}.rq-notices button span,.rq-notices button small{color:#718598}.rq-empty{padding:35px;text-align:center;color:#748899}.ops-req-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:7px;padding:0 5px;border-radius:10px;background:#e84a4a;color:#fff;font-size:9px;font-style:normal}.rq-notice-actions{display:flex;align-items:center;gap:10px}.rq-notice-actions button{padding:8px 10px;border:1px solid #ffffff55;border-radius:8px;background:#ffffff16;color:#fff;font-weight:800}@media(max-width:900px){.rq-summary,.rq-facts{grid-template-columns:1fr 1fr}.rq-table header{display:none}.rq-table article{grid-template-columns:1fr 1fr}.rq-review-grid{grid-template-columns:1fr}}
.admin-profile-image{grid-column:1/-1;padding:16px;border:1px solid #d7e3ec;border-radius:12px;background:#f8fbfd}.admin-profile-image>div{display:flex;align-items:center;gap:12px;margin:10px 0}.admin-profile-image img{width:56px;height:56px;border-radius:50%;object-fit:cover}.admin-profile-image span{display:grid;gap:3px}.admin-profile-image button{margin:8px 6px 0 0}

/* Finance Review layout only - 2026-09-29 */
.f14-review{display:grid;gap:18px}.f14-review>section{margin:0;padding:18px;border:1px solid #dce6ef;border-radius:12px;background:#fff}.f14-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0!important;border:0!important;background:transparent!important}.f14-summary>div{padding:14px 16px;border:1px solid #dce6ef;border-radius:10px;background:#f7fafe}.f14-summary small{margin-bottom:5px;color:#71859a;font-size:9px;font-weight:900;letter-spacing:.45px}.f14-summary b{display:block;color:#153f65;font-size:16px}.f14-rates{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px 14px!important;align-items:end}.f14-rates h3{grid-column:1/-1;margin:0 0 3px;color:#153f65}.f14-rates label{display:grid!important;gap:6px;min-width:0;color:#31516c;font-size:11px;font-weight:850}.f14-rates input,.f14-rates select{width:100%;min-width:0;padding:10px 11px;border:1px solid #c9d8e5;border-radius:8px;background:#fff}.f14-rates .btn{height:39px;white-space:nowrap}.f14-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.f14-section-title h3,.f14-review>section>h3{margin:0;color:#153f65}.f14-entry{display:grid;grid-template-columns:70px minmax(180px,1.5fr) minmax(130px,1fr) 110px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f6}.f14-entry:last-child{border-bottom:0}.f14-entry b{display:grid}.f14-entry small{color:#8192a2}.f14-entry .side{padding:5px 7px;border-radius:7px;font-size:9px;font-weight:900;text-align:center}.f14-entry .BUY{background:#fff0f0;color:#a03d44}.f14-entry .SELL{background:#e9f7f0;color:#18714d}.f14-link,.f14-allocation-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f6}.f14-warning{padding:12px 14px;border:1px solid #f1d8a7;border-radius:9px;background:#fff8e9;color:#70521d}.f14-review>.wide{justify-self:start;min-width:190px}.f14-review>.danger.wide{padding:11px 15px;background:#d84051;color:#fff;border-color:#d84051}.modal-card:has(.f14-review){width:min(980px,94vw)!important;max-height:90vh;overflow:auto}.modal-card:has(.f14-review)>.modal-body{padding:20px!important}@media(max-width:850px){.f14-summary{grid-template-columns:repeat(2,1fr)}.f14-rates{grid-template-columns:1fr 1fr}.f14-rates h3{grid-column:1/-1}.f14-entry{grid-template-columns:70px 1fr}.f14-entry>span:last-child{text-align:right}}@media(max-width:560px){.f14-summary,.f14-rates{grid-template-columns:1fr}.f14-rates h3{grid-column:auto}}
.customer-brand-admin{grid-column:1/-1;padding:16px;border:1px solid #d7e3ec;border-radius:12px;background:#f8fbfd}.customer-brand-admin>small{color:#2870ad;font-size:9px;font-weight:900;letter-spacing:1px}.customer-brand-admin>div{display:flex;align-items:center;gap:12px;margin:10px 0}.customer-brand-admin img{width:72px;height:52px;object-fit:contain;padding:5px;border:1px solid #d7e3ec;border-radius:9px;background:#fff}.customer-brand-admin span{display:grid;gap:3px}.customer-brand-admin button{margin-top:8px}
.cargoops-brand-logo{display:none!important}
.customer-brand-admin #customerBrandStatus{display:inline-block;margin-left:10px;color:#2b6d52;font-size:10px;font-weight:800}.customer-brand-admin #customerBrandUpload:disabled{opacity:.55;cursor:wait}

/* CARGO OPS UI V2 - presentation-grade Control Tower */
:root{--ops2-navy:#072f50;--ops2-navy2:#0c456e;--ops2-blue:#176fe0;--ops2-indigo:#6652dc;--ops2-bg:#f4f7fb;--ops2-card:#fff;--ops2-line:#dce5ee;--ops2-text:#102d49;--ops2-muted:#71859a;--ops2-shadow:0 9px 28px rgba(15,45,74,.075)}
body{background:var(--ops2-bg)!important}.app{grid-template-columns:220px minmax(0,1fr)!important;background:var(--ops2-bg)!important}.side{position:sticky;top:0;height:100vh;padding:18px 11px!important;background:linear-gradient(180deg,#062f50 0%,#0c456d 67%,#082f50 100%)!important;box-shadow:5px 0 25px rgba(7,37,62,.08);overflow:auto}.side .brand{padding:4px 8px 17px;text-align:center}.side .brand .logo{width:94px!important;height:65px!important;padding:6px!important;border:0!important;border-radius:14px!important;background:#fff!important;object-fit:contain!important;box-shadow:0 8px 22px rgba(0,20,37,.28)!important}.side .brand h2{margin:8px 0 2px!important;color:#fff!important;font-size:20px!important}.side .brand small{color:#9bc7df!important;font-size:8px!important;letter-spacing:.5px}.side .nav-group{padding:7px 0!important}.side .nav-group>i{display:block;height:1px;margin:4px 6px 9px;background:#ffffff18}.side .nav{padding:9px 11px!important;margin:1px 0!important;border-radius:8px!important;color:#e2edf5!important;font-size:10px!important;font-weight:720!important}.side .nav.active{padding-left:11px!important;border-left:0!important;background:linear-gradient(100deg,#176bd1,#2e6bdf)!important;color:#fff!important;box-shadow:0 6px 17px #001b3435}.side .nav:hover{background:#ffffff0e!important}.main{padding:15px 20px 38px!important;background:var(--ops2-bg)!important}.global-header{min-height:52px;padding:0 3px 10px!important;border-bottom:1px solid #dfe7ef!important}.global-header .eyebrow{font-size:7px!important;letter-spacing:1.2px!important;color:#4181b3!important}.global-header h1{margin:2px 0 0!important;color:var(--ops2-text)!important;font-size:24px!important}.global-tools{gap:7px!important}.global-tools>.btn{padding:7px 10px!important;border:1px solid #d6e1ea!important;border-radius:8px!important;background:#fff!important;color:#28506e!important;font-size:9px!important}.notification-button{width:34px;height:34px;border:1px solid #d6e1ea!important;border-radius:50%!important;box-shadow:0 4px 14px #102d490c}.account-card{padding:5px 7px 5px 11px!important;border:1px solid #d9e3ec!important;border-radius:22px!important;background:#fff!important;box-shadow:0 4px 14px #102d490b}.account-card b{font-size:9px!important;color:#183a55}.account-card small{font-size:8px!important}.ops2-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px;margin-top:12px}.ops2-main{min-width:0}.ops2-rail{display:grid;align-content:start;gap:12px}.ops2-hero{position:relative;display:flex;min-height:165px;align-items:center;justify-content:space-between;overflow:hidden;padding:27px 30px;border-radius:17px;background:linear-gradient(106deg,#082f50,#184f78 54%,#143a5d);box-shadow:0 13px 33px #123a5e1e;color:#fff}.ops2-hero:after{content:"";position:absolute;right:-80px;top:-100px;width:460px;height:340px;border-radius:50%;background:radial-gradient(circle at center,#f3b95d40,#ffffff0c 33%,transparent 68%)}.ops2-hero>div{position:relative;z-index:1}.ops2-hero small{color:#80d9ed;font-size:8px;font-weight:900;letter-spacing:1.25px}.ops2-hero h2{margin:6px 0;color:#fff;font-size:27px;letter-spacing:-.45px}.ops2-hero p{margin:0;color:#dce9f3;font-size:12px}.ops2-hero .ops2-brandline{display:flex;gap:17px;margin-top:19px;color:#dcedf6;font-size:9px;font-weight:850;letter-spacing:1.3px}.ops2-motto{position:relative;z-index:1;width:190px;padding:16px;border:1px solid #ffffff26;border-radius:12px;background:#06274499;backdrop-filter:blur(3px)}.ops2-motto small{color:#55aefa}.ops2-motto b{display:block;margin-top:8px;font-size:18px;line-height:1.33}.ops2-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0}.ops2-kpi{min-height:86px;padding:14px;border:1px solid var(--ops2-line);border-radius:12px;background:#fff;box-shadow:0 6px 18px #102d490b}.ops2-kpi:nth-child(1){background:linear-gradient(135deg,#eef7ff,#fff)}.ops2-kpi:nth-child(2){background:linear-gradient(135deg,#f4f0ff,#fff)}.ops2-kpi:nth-child(3){background:linear-gradient(135deg,#e9fbf8,#fff)}.ops2-kpi:nth-child(4){background:linear-gradient(135deg,#fff7e8,#fff)}.ops2-kpi:nth-child(5){background:linear-gradient(135deg,#fff0f0,#fff)}.ops2-kpi:nth-child(6){background:linear-gradient(135deg,#ebfaef,#fff)}.ops2-kpi small{color:#6d8195;font-size:7px;font-weight:900;letter-spacing:.5px}.ops2-kpi b{display:block;margin:4px 0 1px;color:#102f4c;font-size:23px}.ops2-kpi span{color:#689078;font-size:8px}.ops2-card{border:1px solid var(--ops2-line);border-radius:13px;background:#fff;box-shadow:var(--ops2-shadow);overflow:hidden}.ops2-card>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #edf2f6}.ops2-card h3{margin:0;color:#153953;font-size:14px}.ops2-card header a{color:#1766b7;font-size:8px;font-weight:850}.ops2-map{position:relative;min-height:310px;padding:15px;background:linear-gradient(140deg,#0b334d,#145375 52%,#0b2b44);overflow:hidden}.ops2-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 50%,#3b9ecc40 0 2px,transparent 3px),radial-gradient(circle at 68% 42%,#f1a64caa 0 2px,transparent 3px),radial-gradient(circle at 25% 57%,#58d08faa 0 2px,transparent 3px);background-size:auto}.ops2-map .route{position:absolute;height:1px;border-top:1px dashed #badfedaa;transform-origin:left}.ops2-map .r1{left:25%;top:57%;width:45%;transform:rotate(-13deg)}.ops2-map .r2{left:45%;top:50%;width:27%;transform:rotate(12deg)}.ops2-map-label{position:absolute;padding:5px 7px;border:1px solid #73b9d066;border-radius:8px;background:#082c48dd;color:#fff;font-size:8px}.ops2-map-label.ams{left:43%;top:45%}.ops2-map-label.jfk{left:20%;top:56%}.ops2-map-label.hkg{left:68%;top:40%}.ops2-map-copy{position:absolute;left:16px;bottom:15px;color:#a8d5e7;font-size:9px}.ops2-table{overflow:hidden}.ops2-table .head,.ops2-table article{display:grid;grid-template-columns:1.25fr .9fr .75fr .65fr .65fr 1.1fr .8fr auto;gap:8px;align-items:center;padding:10px 13px}.ops2-table .head{background:#f7fafd;color:#61788d;font-size:7px;font-weight:900;letter-spacing:.4px}.ops2-table article{border-top:1px solid #edf2f6;color:#27465f;font-size:9px}.ops2-table article:hover{background:#f9fbfd}.ops2-table article b{color:#14344f}.ops2-table article small{font-size:7.5px}.ops2-table button{padding:6px 9px;border:1px solid #cbdcea;border-radius:7px;background:#fff;color:#245f91;font-size:8px;font-weight:800;cursor:pointer}.ops2-pill{display:inline-flex;width:max-content;padding:4px 7px;border-radius:7px;background:#e8f2ff;color:#1766bd;font-size:7.5px;font-weight:850}.ops2-status-list{padding:5px 14px 11px}.ops2-status-list p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:10px 0;border-bottom:1px solid #edf2f6;color:#26455e;font-size:9px}.ops2-status-list p:last-child{border-bottom:0}.ops2-status-list b{color:#153852}.ops2-status-list strong{font-size:14px}.ops2-activity{padding:5px 14px 10px}.ops2-activity p{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:start;margin:0;padding:9px 0;border-bottom:1px solid #edf2f6}.ops2-activity i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#2374d6}.ops2-activity span{display:grid;gap:2px}.ops2-activity b{color:#173952;font-size:9px}.ops2-activity small,.ops2-activity time{color:#7d8fa1;font-size:7.5px}.ops2-attention{margin:9px 13px 13px;padding:10px;border:1px solid #f0c5c5;border-radius:9px;background:#fff6f6;color:#a93d3d;font-size:8px;font-weight:850}.ops2-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.ops2-actions button{min-height:72px;padding:10px;border:1px solid #dce6ef;border-radius:10px;background:linear-gradient(145deg,#f8fbfe,#fff);color:#214966;font-size:8px;font-weight:850;cursor:pointer}.ops2-actions button:hover{border-color:#a9cae7;box-shadow:0 6px 15px #102d490c}@media(max-width:1250px){.ops2-dashboard{grid-template-columns:1fr}.ops2-rail{grid-template-columns:1fr 1fr}.ops2-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.app{grid-template-columns:200px minmax(0,1fr)!important}.main{padding:12px!important}.ops2-hero{padding:22px}.ops2-motto{display:none}}@media(max-width:700px){.ops2-kpis{grid-template-columns:1fr 1fr}.ops2-rail{grid-template-columns:1fr}}

/* MASTER readability scale */
@media(min-width:1200px){.app{grid-template-columns:250px minmax(0,1fr)!important}.side .nav{font-size:12px!important;padding:11px 13px!important}.side .brand h2{font-size:23px!important}.main{padding:18px 24px 42px!important}.global-header h1{font-size:27px!important}.ops2-hero{min-height:190px;padding:32px 35px}.ops2-hero h2{font-size:31px}.ops2-hero p{font-size:13px}.ops2-kpi{min-height:100px;padding:17px}.ops2-kpi b{font-size:26px}.ops2-kpi small,.ops2-kpi span{font-size:9px}.ops2-card h3{font-size:16px}.ops2-table article{font-size:10px}.ops2-status-list p{font-size:10px}}

/* MASTER V4 ultrawide readability */
@media(min-width:1600px){.app{grid-template-columns:285px minmax(0,1fr)!important}.side{padding:23px 16px!important}.side .brand .logo{width:118px!important;height:80px!important}.side .brand h2{font-size:26px!important}.side .brand small{font-size:10px!important}.side .nav{font-size:14px!important;padding:13px 15px!important}.main{padding:22px 30px 48px!important}.global-header{min-height:66px!important}.global-header h1{font-size:31px!important}.global-tools>.btn{font-size:11px!important;padding:9px 12px!important}.account-card b{font-size:11px!important}.account-card small{font-size:9px!important}.ops2-dashboard{grid-template-columns:minmax(0,1fr) 380px!important;gap:16px!important}.ops2-hero{min-height:220px!important;padding:38px 42px!important}.ops2-hero small{font-size:10px!important}.ops2-hero h2{font-size:36px!important}.ops2-hero p{font-size:15px!important}.ops2-motto{width:220px!important;padding:20px!important}.ops2-motto b{font-size:21px!important}.ops2-kpis{gap:12px!important}.ops2-kpi{min-height:116px!important;padding:20px!important}.ops2-kpi small,.ops2-kpi span{font-size:10px!important}.ops2-kpi b{font-size:30px!important}.ops2-card>header{padding:16px 18px!important}.ops2-card h3{font-size:18px!important}.ops2-map{min-height:360px!important}.ops2-table .head{font-size:9px!important}.ops2-table article{font-size:12px!important;padding:13px 16px!important}.ops2-status-list p{font-size:12px!important;padding:13px 0!important}.ops2-activity b{font-size:11px!important}.ops2-activity small,.ops2-activity time{font-size:9px!important}.ops2-actions button{min-height:88px!important;font-size:10px!important}}
#pt24,#sn24{border-color:#8bb7dd!important;background:#f5faff!important}#pt24:focus,#sn24:focus{outline:2px solid #2b7dd1!important;outline-offset:1px}
/* MASTER V4 readable typography */
@media(min-width:1100px){body{font-size:16px!important}.side .nav{font-size:14px!important;line-height:1.25!important}.side .brand small{font-size:10px!important}.global-header .eyebrow{font-size:10px!important}.global-tools>.btn{font-size:12px!important}.ops2-hero small,.ops2-kpi small{font-size:10px!important}.ops2-hero p{font-size:14px!important}.ops2-kpi span{font-size:10px!important}.ops2-card header a{font-size:10px!important}.ops2-table .head{font-size:9px!important}.ops2-table article{font-size:12px!important}.ops2-status-list p{font-size:12px!important}.ops2-activity b{font-size:11px!important}.ops2-activity small,.ops2-activity time{font-size:10px!important}.ops2-actions button{font-size:11px!important}}

/* Live Map presentation polish */
#masterMap,.ops2-map,#coLiveMap{background:#dbeaf5}.map-master{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;min-height:600px!important;border:1px solid #d5e1ea!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 12px 32px rgba(12,49,77,.10)!important}.map-master #masterMap{min-height:600px!important}.map-master>aside{padding:18px!important;background:linear-gradient(180deg,#fff,#f7fafc)!important;border-left:1px solid #e1e9ef!important;overflow:auto!important}.map-master>aside h3{font-size:17px!important;color:#123a58!important;margin:0 0 12px!important}.map-master>aside p{padding:9px 10px!important;margin:6px 0!important;border:1px solid #e1eaf1!important;border-radius:9px!important;background:#fff!important;color:#426077!important;font-size:11px!important}.leaflet-container{font-family:Aptos,Arial,sans-serif!important}.leaflet-control-zoom{border:0!important;box-shadow:0 5px 18px rgba(10,46,72,.18)!important}.leaflet-control-zoom a{color:#123e60!important;border:0!important}.leaflet-tooltip{border:0!important;border-radius:7px!important;background:#0b3859!important;color:#fff!important;box-shadow:0 5px 15px rgba(0,0,0,.18)!important;font-weight:800!important}.leaflet-tooltip:before{border-top-color:#0b3859!important}.leaflet-control-attribution{font-size:8px!important;background:rgba(255,255,255,.76)!important}.master-hero{margin-bottom:12px!important;border-radius:15px!important;box-shadow:0 8px 24px rgba(12,49,77,.09)!important}
/* Finance Review - Final Profit */
.f14-result{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin:12px 0}.f14-result>div{min-height:84px;padding:14px 15px;border:1px solid #d8e4ee;border-radius:10px;background:#f7fafc;display:grid;align-content:center;gap:4px}.f14-result small{font-size:8px;font-weight:900;letter-spacing:.55px;color:#698095}.f14-result b{font-size:20px;color:#163a57}.f14-result span{font-size:9px;color:#73879a}.f14-result .profit{background:linear-gradient(135deg,#e9f8ef,#f7fcf9);border-color:#9bd4b1}.f14-result .profit b{font-size:27px;color:#13794b}.f14-result.negative .profit{background:linear-gradient(135deg,#fff0f1,#fff8f8);border-color:#eca9af}.f14-result.negative .profit b,.f14-result.negative .profit span{color:#bd3340}.f14-result.positive .profit span{color:#29805a;font-weight:800}@media(max-width:900px){.f14-result{grid-template-columns:1fr}.f14-result>div{min-height:70px}}
.manifest-summary #mCmr{display:block!important;background:#176fd8!important;color:#fff!important;border-color:#176fd8!important;font-weight:900!important}

/* Future planning LAT1/LAT2 */
.swb-row{grid-template-columns:1.15fr 1.1fr 1fr 1fr .78fr .78fr .9fr .65fr 1.05fr!important}.planning-lat{display:block;margin:6px 0;color:#173e68!important}.planning-lat strong{color:#08294d}.flight-date{font-weight:800;color:#244f7d}@media(max-width:1200px){.swb-table{overflow-x:auto}.swb-row{min-width:1350px}}
.finance-master-switch{display:flex;gap:8px;margin-bottom:14px}.finance-master-switch button{padding:12px 18px;border:0;border-radius:12px;font-weight:800}.finance-master-switch button.active{background:#0c8399;color:#fff}.ultimate-fin-hero{display:flex;justify-content:space-between;padding:24px;background:#082d3b;color:#fff;border-radius:18px;margin-bottom:14px}.uf-panel{background:#fff;padding:18px;border-radius:18px}.uf-invoice-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 70px;gap:12px;padding:12px;border-bottom:1px solid #ddd}.uf-invoice-row small{display:block}.iw-line{display:grid!important;grid-template-columns:25px 1fr 1fr 1fr;gap:10px;padding:9px}.fl-card footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e1e8ee}.btn.danger{background:#fff0f0;color:#a52222;border-color:#efcaca}

/* GO-LIVE secure login v2 */
.login-v2{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);background:#f5f8fc;color:#10213a}
.login-v2-brand{position:relative;display:flex;align-items:center;padding:64px;background:linear-gradient(145deg,#061d31 0%,#0a3f66 58%,#174b74 100%);overflow:hidden;color:#fff}
.login-v2-brand:before,.login-v2-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.login-v2-brand:before{width:560px;height:560px;right:-220px;top:-180px}.login-v2-brand:after{width:360px;height:360px;left:-180px;bottom:-160px}
.login-v2-brand-inner{position:relative;z-index:1;max-width:620px}.login-v2-brand img{width:210px;max-height:78px;object-fit:contain;object-position:left center;margin-bottom:58px;border-radius:10px}
.login-v2-kicker,.login-v2-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;color:#66d8be;margin-bottom:16px}
.login-v2-brand h1{font-size:clamp(38px,4.4vw,68px);line-height:1.04;margin:0 0 24px;letter-spacing:-.04em}.login-v2-brand p{font-size:18px;line-height:1.7;color:#d3e3ee;max-width:590px;margin:0}
.login-v2-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.login-v2-points span{padding:10px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;font-size:13px}
.login-v2-panel{display:grid;place-items:center;padding:48px}.login-v2-card{width:min(440px,100%);background:#fff;border:1px solid #e0e8f1;border-radius:24px;padding:42px;box-shadow:0 28px 70px rgba(16,33,58,.12)}
.login-v2-mobile-logo{display:none}.login-v2-card h2{font-size:32px;line-height:1.15;margin:0 0 10px;letter-spacing:-.025em}.login-v2-card>p{color:#65798e;margin:0 0 30px}.login-v2-card label{display:block;font-weight:750;font-size:13px;margin:0 0 18px;color:#233a53}
.login-v2-card input[type=email],.login-v2-card input[type=password],.login-v2-card input[type=text]{width:100%;box-sizing:border-box;margin-top:8px;padding:14px 15px;border:1px solid #cbd8e5;border-radius:11px;background:#f9fbfd;font:inherit;font-weight:500;outline:none;transition:.18s}
.login-v2-card input:focus{border-color:#215dd8;background:#fff;box-shadow:0 0 0 4px rgba(33,93,216,.12)}
.login-v2-password{position:relative;display:block}.login-v2-password input{padding-right:68px!important}.login-v2-password button{position:absolute;right:8px;top:16px;height:34px;border:0;background:transparent;color:#2454a6;font-weight:800;cursor:pointer}
.login-v2-remember{display:flex!important;align-items:center;gap:9px;font-weight:600!important;color:#536a80!important;cursor:pointer}.login-v2-remember input{width:17px;height:17px}
.login-v2-submit{width:100%;padding:14px 18px;border-radius:11px;font-size:15px;font-weight:800;box-shadow:0 9px 22px rgba(38,67,186,.22)}.login-v2-submit:disabled{opacity:.65;cursor:wait}
.login-v2-error{min-height:20px;text-align:center;margin:14px 0 0}.login-v2-help{text-align:center;margin-top:18px;color:#71849a}.login-v2-eyebrow{color:#2356b4}.login-v2-card:-webkit-autofill{background:#fff}
@media(max-width:900px){.login-v2{grid-template-columns:1fr}.login-v2-brand{display:none}.login-v2-panel{padding:24px;min-height:100vh}.login-v2-card{padding:30px}.login-v2-mobile-logo{display:block}.login-v2-mobile-logo img{width:175px;max-height:62px;object-fit:contain;object-position:left;margin-bottom:28px}}

/* compact additional buy/sell rows 20261006 */
.f14-review>section:has(.f14-section-title) .f14-entry{min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:64px minmax(180px,1fr) minmax(120px,.65fr) 100px!important;gap:12px!important;align-items:center!important;padding:12px 0!important;margin:0!important}
.f14-review>section:has(.f14-section-title) .f14-entry .side{height:auto!important;min-height:0!important;padding:6px 8px!important;align-self:center!important}