@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";.delivery-location-panel{background:#f9fbfd;border:1px solid #dce3ea;border-radius:8px;margin:10px 14px 14px;padding:12px}.delivery-location-panel header,.route-plan-panel header{background:0 0;border:0;align-items:flex-start;height:auto;padding:0 0 10px;display:flex}.delivery-location-panel header span,.route-plan-panel header>span{border-radius:12px;margin-left:auto;padding:5px 7px;font-size:8px}.delivery-location-panel header .warning{color:#9c6414;background:#fff1dc}.delivery-location-panel header .ready{color:#24784a;background:#e7f4ed}.delivery-location-panel h3,.route-plan-panel h3{margin:4px 0 0;font-size:12px}.delivery-location-panel small,.route-plan-panel small{color:#718096;font-size:8px}.delivery-location-panel dl{gap:8px;margin:0;display:grid}.delivery-location-panel dl>div{gap:3px;display:grid}.delivery-location-panel dt{color:#7b8797;font-size:8px}.delivery-location-panel dd{color:#29425f;margin:0;font-size:9px}.delivery-location-editor{border-top:1px solid #e2e7ed;gap:8px;margin-top:12px;padding-top:10px;display:grid}.delivery-location-editor label{font-size:8px}.delivery-location-editor input{border:1px solid #d9e1e9;border-radius:5px;width:100%;margin-top:4px;padding:8px;display:block}.delivery-location-editor>div{flex-wrap:wrap;gap:6px;display:flex}.delivery-location-editor button,.route-plan-panel button{background:#fff;border:1px solid #d8dfe7;border-radius:5px;padding:7px 9px}.delivery-location-editor button:focus-visible,.route-plan-panel button:focus-visible{outline-offset:2px;outline:3px solid #8ab6e2}.route-plan-panel{background:#f8fafc;border:1px solid #d9e1e9;border-radius:9px;gap:10px;padding:14px;display:grid}.route-plan-layout{grid-template-columns:minmax(260px,1.2fr) minmax(240px,1fr);gap:12px;display:grid}.route-plan-map{background:#e9eef3;border-radius:7px;min-height:300px}.route-plan-panel ol{align-content:start;gap:7px;margin:0;padding:0;list-style:none;display:grid}.route-plan-panel li{background:#fff;border:1px solid #e0e5eb;border-radius:6px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.route-plan-panel li.unroutable{background:#fff9ec;border-color:#efd49d}.route-plan-panel li>i,.route-plan-pin{color:#fff;background:#173e68;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;font-style:normal;display:grid}.route-plan-panel li small,.route-plan-panel li b{display:block}.route-plan-panel li span{gap:3px;display:flex}.route-plan-panel footer{justify-content:flex-end;gap:7px;display:flex}.route-plan-pin.depot{background:#c91e2e}@media (width<=760px){.route-plan-layout{grid-template-columns:1fr}.route-plan-map{min-height:240px}.delivery-location-editor>div{display:grid}}.dispatch-finalization{background:#f8fafc;border:1px solid #d9e1e9;border-radius:8px;gap:9px;padding:14px;display:grid}.dispatch-finalization h3,.dispatch-finalization p{margin:0}.dispatch-finalization .ready{color:#24784a}.dispatch-finalization ul{color:#9b6816;margin:0;padding-left:20px}.dispatch-finalization textarea{min-height:70px}.dispatch-finalization button{justify-self:start}.dispatch-finalization.finalized{background:#edf8f1;border-color:#b9dcc7}.source-badge.google_sheets_cads{color:#217b48;background:#e7f5ec}.route-suggestion .unknown{background:#fffaf0}.route-suggestion .unknown em{color:#9b6816}.source-badge{color:#66758a;background:#edf1f5;border-radius:10px;margin-left:7px;padding:3px 6px;font-size:8px;display:inline-block}.source-badge.google_sheets{color:#217b48;background:#e7f5ec}.error-state{text-align:center}.error-state b{color:#b92030}.error-state p{color:#68778b}.error-state button{background:#fff;border:1px solid #d8dfe6;border-radius:5px;padding:8px 13px}.draft-modal{max-height:calc(100vh - 36px);overflow:auto}.route-suggestion{border:1px solid #e1e6eb;border-radius:7px;overflow:hidden}.route-suggestion>div{border-top:1px solid #edf0f3;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.route-suggestion>div:first-child{border-top:0}.route-suggestion i{color:#285f95;background:#e9f1f9;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-style:normal;font-weight:700;display:grid}.route-suggestion span b,.route-suggestion span small{display:block}.route-suggestion span b{font-size:9px}.route-suggestion span small{color:#7a8797;margin-top:3px;font-size:8px}.route-suggestion em{color:#32764e;font-size:8px;font-style:normal}.route-suggestion .late{background:#fff4f4}.route-suggestion .late em{color:#c32635}.order.planned{border-color:#d99aa1;box-shadow:inset 3px 0 #c91e2e}.plan-check{color:#245f98;background:#fff;border:1px solid #b9c5d2;border-radius:4px;place-items:center;width:18px;height:18px;margin-right:7px;font-style:normal;display:inline-grid}.planned .plan-check{color:#fff;background:#c91e2e;border-color:#c91e2e}.planning-bar{z-index:10;color:#fff;background:#112f58;border-radius:9px;align-items:center;gap:18px;padding:13px 16px;display:flex;position:fixed;bottom:18px;left:250px;right:24px;box-shadow:0 12px 34px #0d234755}.planning-bar div b,.planning-bar div span{display:block}.planning-bar div span{color:#bfd0e4;margin-top:3px;font-size:9px}.planning-bar p{color:#d7e3f0;flex:1;margin:0;font-size:9px}.planning-bar button{color:#fff;background:0 0;border:1px solid #ffffff42;border-radius:5px;padding:9px 13px}.planning-bar button:disabled{opacity:.45}.modal-backdrop{z-index:30;background:#0c1d3566;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.draft-modal{background:#fff;border-radius:10px;width:min(500px,100%);padding:20px;box-shadow:0 24px 60px #08172c55}.modal-title{border-bottom:1px solid #e5e9ee;justify-content:space-between;padding-bottom:14px;display:flex}.modal-title small{color:#7b8798;letter-spacing:.8px;font-size:8px}.modal-title h2{margin:5px 0 0;font-size:16px}.modal-title>button{background:0 0;border:0;font-size:23px}.draft-modal h3{color:#5f6e82;margin:17px 0 9px;font-size:10px}.vehicle-option{border:1px solid #e0e5eb;border-radius:7px;grid-template-columns:22px 1fr auto;align-items:center;margin:7px 0;padding:12px;display:grid}.vehicle-option.chosen{background:#f3f8fd;border-color:#2d6ba7}.vehicle-option b,.vehicle-option small{display:block}.vehicle-option small{color:#7d8999;margin-top:4px;font-size:8px}.vehicle-option span{color:#2d6499;font-size:9px;font-weight:600}.modal-warning{color:#8e621b;background:#fff8e9;border:1px solid #efd8a9;border-radius:6px;margin-top:14px;padding:10px;font-size:9px}.draft-modal footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.draft-modal footer button{background:#fff;border:1px solid #dce2e8;border-radius:5px;padding:9px 14px}@media (width<=760px){.planning-bar{flex-wrap:wrap;left:12px;right:12px}.planning-bar p{flex-basis:100%;order:4}}.center{color:#66758a;place-items:center;min-height:100vh;display:grid}.content-page{padding:20px 24px}.page-toolbar{gap:9px;margin-bottom:14px;display:flex}.page-toolbar button,.search{color:#68768a;background:#fff;border:1px solid #dfe5eb;border-radius:6px;padding:10px 13px}.search{flex:1;max-width:420px}.data-card{background:#fff;border:1px solid #dfe5eb;border-radius:8px;overflow:hidden}.data-card table{border-collapse:collapse;width:100%}.data-card th{text-align:left;color:#7a8798;letter-spacing:.5px;background:#f7f8fa;padding:12px;font-size:8px}.data-card td{border-top:1px solid #e9edf1;padding:15px 12px;font-size:10px}.data-card td small{color:#8792a2;margin-top:4px;display:block}.link{color:#215b94}.table-status{color:#2c6398;background:#eaf2fa;border-radius:12px;padding:5px 8px;font-size:8px;display:inline-block}.data-card tr.warning{background:#fffaf1}.data-card tr.critical{background:#fff4f4}.summary-strip{gap:12px;margin-bottom:16px;display:flex}.summary-strip>div{background:#fff;border:1px solid #e0e5eb;border-radius:8px;min-width:150px;padding:14px 20px}.summary-strip b{color:#245f98;margin-right:8px;font-size:20px}.summary-strip span{color:#748195;font-size:9px}.summary-strip .amber{color:#b97812}.summary-strip .danger{color:#c72232}.soft-note{color:#718095;background:#f8fafc;border-top:1px solid #e7ebef;margin:0;padding:12px 15px;font-size:9px}.auth-screen{background:radial-gradient(circle at top,#eef4fb,#e9edf3);place-items:center;min-height:100vh;display:grid}.auth-card{text-align:center;background:#fff;border:1px solid #dfe5ec;border-radius:12px;width:min(390px,100vw - 32px);padding:38px;box-shadow:0 18px 50px #17355d1a}.auth-logo{color:#c82030;background:#fff;border:2px solid #c82030;border-radius:10px;place-items:center;width:52px;height:52px;margin:0 auto 18px;font-weight:800;display:grid}.auth-card h1{margin:0 0 10px}.auth-card p{color:#6f7d90;margin-bottom:22px;line-height:1.6}.auth-card button{cursor:pointer;background:#fff;border:1px solid #d7dee7;border-radius:6px;padding:11px 18px}.modal-error{color:#a61e2c;background:#fff2f3;border:1px solid #efb8bd;border-radius:6px;margin-top:10px;padding:10px;font-size:9px}.draft-modal button:disabled{cursor:not-allowed;opacity:.6}.data-form{background:#fff;border:1px solid #e0e5eb;border-radius:8px;gap:12px;max-width:720px;margin:24px;padding:20px;display:grid}.data-form input,.data-form select,.data-form textarea{width:100%;font:inherit;border:1px solid #d9e0e7;border-radius:6px;padding:10px}.data-form textarea{resize:vertical;font-family:monospace}.data-form button{border-radius:6px;justify-self:start;padding:10px 18px}.data-form p{color:#315d8a}.fleet-page{gap:14px;display:grid}.fleet-table{overflow:auto}.fleet-table table{min-width:900px}.fleet-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fleet-form-grid label{gap:5px;display:grid}.fleet-options{border:1px solid #d9e0e7;border-radius:6px;flex-wrap:wrap;gap:10px;display:flex}.fleet-options legend{font-weight:600}.fleet-options label{align-items:center;gap:5px;display:flex}.fleet-options input{width:auto}.fleet-area-options{display:grid}.fleet-region{border:1px solid #e4e8ed;border-radius:6px;padding:10px}.fleet-region-toggle{border-bottom:1px solid #edf0f3;padding-bottom:8px}.fleet-region-toggle small{color:#7a8798;margin-left:auto}.fleet-region>div{flex-wrap:wrap;gap:9px;padding-top:9px;display:flex}.compliance-warning{color:#9a650d;background:#fff4db;border-radius:10px;padding:4px 7px}.compliance-blocked{color:#b91f2d;background:#ffe8ea;border-radius:10px;padding:4px 7px}@media (width<=760px){.fleet-form-grid{grid-template-columns:1fr}}.delivery-execution{border-top:1px solid #e1e6ec;gap:10px;padding-top:14px;display:grid}.delivery-execution h3{margin:0}.delivery-stop{border:1px solid #dfe5eb;border-radius:8px;gap:9px;padding:12px;display:grid}.delivery-stop header{border:0;height:auto;padding:0;display:flex}.delivery-stop header span{color:#66758a;margin-left:auto}.delivery-stop small{color:#397056}.delivery-slip{border-top:1px solid #edf0f3;grid-template-columns:minmax(130px,1fr) repeat(3,minmax(110px,1fr)) auto;align-items:center;gap:7px;padding-top:8px;display:grid}.delivery-slip span{color:#315d8a}@media (width<=760px){.delivery-slip{grid-template-columns:1fr}}.stop-milestones{gap:4px;display:grid}.stop-milestones small{color:#68768a}.stop-milestones small b{color:#334b67}.notification-bell{position:relative}.notification-popover{z-index:40;background:#fff;border:1px solid #dfe5eb;border-radius:9px;width:min(360px,100vw - 24px);max-height:430px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 48px #10223b33}.notification-popover header{border-bottom:1px solid #e7ebef;justify-content:space-between;height:auto;padding:12px;display:flex}.notification-popover>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;gap:4px;width:100%;padding:12px;display:grid}.notification-popover>button.unread{background:#f1f7fd}.notification-popover span,.notification-popover small{color:#67768a;font-size:9px}.notification-popover>p{margin:0;padding:14px}.notification-bell>.icon{position:relative}.notification-bell>.icon i{color:#fff;background:#c91e2e;border-radius:9px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-7px;right:-5px}.delivery-documents{background:#f8fafc;border:1px solid #dfe5ec;border-radius:7px;margin-top:10px;padding:10px}.document-type{border-top:1px solid #e3e8ee;margin-top:8px;padding-top:8px}.document-type>span{margin-right:8px;font-size:9px;font-weight:600}.document-upload{color:#245f99;cursor:pointer;margin-left:6px;font-size:8px;display:inline-block}.document-upload input{display:none}.document-current{align-items:center;gap:7px;margin-top:6px;display:flex}.document-current button{padding:4px 7px}.delivery-documents details small{margin-top:5px;display:block}.document-progress{color:#8a6414;margin-top:5px;display:block}:root{color:#17243a;background:#f3f5f8;font-family:Be Vietnam Pro,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app{grid-template-columns:226px 1fr;min-height:100vh;display:grid}.nav{color:#fff;background:#102b52;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{letter-spacing:.7px;border-bottom:1px solid #ffffff18;align-items:center;gap:11px;height:76px;padding:16px 20px;font-weight:700;display:flex}.brand>span{color:#c9202f;background:#fff;border-radius:8px;place-items:center;width:39px;height:39px;font-size:15px;display:grid}.brand small,.profile small{color:#b9c7da;letter-spacing:0;margin-top:3px;font-size:9px;font-weight:400;display:block}.nav nav{flex:1;padding:19px 12px}.nav nav>b{color:#7f96b5;letter-spacing:1.3px;margin:10px 12px 8px;font-size:9px;display:block}.nav nav button{color:#cbd6e5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;margin:1px 0;padding:11px 13px}.nav nav button.active,.nav nav button:hover{color:#fff;background:#ffffff14}.nav nav button.active{box-shadow:inset 3px 0 #e12938}.profile{border-top:1px solid #ffffff18;align-items:center;gap:9px;padding:16px;display:flex}.avatar{color:#17355d;background:#e8edf5;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.profile strong{font-size:11px}.profile button{color:#fff;background:0 0;border:0;margin-left:auto}main{min-width:0}header{background:#fff;border-bottom:1px solid #e1e6ec;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}h1{margin:0 0 4px;font-size:20px}header p{color:#758195;margin:0;font-size:11px}.header-actions{gap:8px;display:flex}.header-actions button,.panel-title button{background:#fff;border:1px solid #dfe4ea;border-radius:6px;padding:9px 12px}.icon{width:38px;position:relative}.icon i{color:#fff;background:#d92738;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-5px;right:-4px}.primary{font-weight:600;color:#fff!important;background:#c91e2e!important;border:0!important}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 24px;display:grid}.metrics article{background:#fff;border:1px solid #e4e8ed;border-radius:8px;align-items:center;gap:13px;padding:15px;display:flex}.metric-icon{color:#2867a6;background:#e9f2ff;border-radius:8px;place-items:center;width:39px;height:39px;font-size:17px;display:grid}.metric-icon.m1{color:#25814b;background:#e9f7ee}.metric-icon.m2{color:#b27410;background:#fff4df}.metric-icon.m3{color:#c82030;background:#ffebec}.metrics strong{margin-right:8px;font-size:20px}.metrics b{font-size:11px}.metrics small{color:#8490a1;margin-top:4px;font-size:9px;display:block}.workspace{grid-template-columns:290px minmax(410px,1fr) 318px;gap:12px;height:calc(100vh - 184px);min-height:560px;padding:0 24px 24px;display:grid}.panel{background:#fff;border:1px solid #e0e5eb;border-radius:8px;overflow:auto}.panel-title{z-index:2;background:#fff;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;height:64px;padding:13px 14px;display:flex;position:sticky;top:0}.panel-title h2,.detail h2{margin:0 0 4px;font-size:13px}.panel-title small{color:#8792a2;font-size:9px}.panel-title button{padding:7px 9px;font-size:9px}.zone{color:#748093;justify-content:space-between;padding:12px 14px 7px;font-size:8px;display:flex}.zone b{color:#43536b;letter-spacing:.6px}.order{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e8ed;border-radius:6px;width:calc(100% - 20px);margin:5px 10px;padding:11px;display:block}.order.selected{background:#f3f8ff;border-color:#2f6ca8;box-shadow:inset 3px 0 #2f6ca8}.order>div{justify-content:space-between;display:flex}.order b{color:#173b67;font-size:11px}.order span{font-size:10px;font-weight:600}.order p{margin:7px 0 3px;font-size:10px}.order small{color:#7b8798;font-size:9px}.order em{color:#467859;margin-top:8px;font-size:8px;font-style:normal;display:block}.order em.warn{color:#bd7b12}.pill{color:#305d8c;background:#edf3f9;border-radius:14px;padding:5px 8px;font-size:9px}.truck{border-bottom:1px solid #edf0f3;grid-template-columns:150px minmax(180px,1fr) 74px;align-items:center;gap:12px;padding:16px 14px;display:grid}.vehicle{align-items:center;gap:10px;display:flex}.truckicon{color:#265f97;background:#eaf1f9;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.vehicle b,.load b{font-size:10px;display:block}.vehicle small,.load small{color:#7d8999;margin-top:5px;font-size:8px;display:block}.load>div{background:#e8ecf0;border-radius:5px;height:4px;margin-top:8px}.load i{background:#3979b8;border-radius:5px;height:100%;display:block}.load i.hot{background:#dc8a22}.status{text-align:center;color:#24784a;background:#e7f4ed;border-radius:12px;padding:5px 7px;font-size:8px}.s0{color:#276597;background:#e8f1fb}.s1{color:#a36511;background:#fff1dc}.s2{color:#24784a;background:#e7f4ed}.detail{flex-direction:column;display:flex}.detail-head{border-bottom:1px solid #e4e8ed;padding:14px}.detail-head>span,.alerts>b{color:#8792a1;letter-spacing:.8px;font-size:8px}.detail-head button{float:right;background:0 0;border:0}.detail-head h2{color:#173b67;margin-top:10px;font-size:15px}.detail-head p{color:#7a8798;margin:0;font-size:9px}.tabs{border-bottom:1px solid #e5e9ee;padding:0 14px;display:flex}.tabs button{color:#778496;background:0 0;border:0;width:50%;padding:12px 4px;font-size:9px}.tabs button.active{color:#1f568c;border-bottom:2px solid #245f99;font-weight:600}.stops{flex:1;padding:8px 14px}.stop{grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid;position:relative}.stop:not(:last-child):after{content:"";border-left:1px dashed #b8c4d1;height:23px;position:absolute;top:34px;left:12px}.stop i{color:#285f94;background:#edf3f9;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;font-style:normal;font-weight:700;display:grid}.stop b,.stop small{font-size:9px;display:block}.stop small{color:#8490a0;margin-top:3px;font-size:8px}.stop span{background:#f1f3f6;border-radius:10px;padding:4px 6px;font-size:8px}.alerts{background:#fff8eb;border:1px solid #f1d8a7;border-radius:6px;margin:8px 14px;padding:10px}.alerts p{color:#99620d;margin:7px 0 0;font-size:8px}.alerts .red{color:#bd2634}.detail-actions{border-top:1px solid #e5e9ed;gap:8px;padding:13px;display:flex}.detail-actions button{background:#fff;border:1px solid #d9e0e7;border-radius:5px;flex:1;padding:9px;font-size:9px}.map{background:#edf2ed;border-radius:8px;flex:1;min-height:240px;margin:15px;position:relative;overflow:hidden}.road{transform-origin:0;background:#6995be;border-radius:8px;height:7px;position:absolute}.r1{width:220px;top:180px;left:35px;transform:rotate(-35deg)}.r2{background:#d8a44e;width:140px;top:115px;left:130px;transform:rotate(35deg)}.pin{color:#fff;background:#173e68;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-style:normal;display:grid;position:absolute}.p1{top:170px;left:25px}.p2{top:115px;left:105px}.p3{top:58px;left:190px}.p4{top:170px;right:22px}.map p{color:#607083;font-size:8px;position:absolute;bottom:8px;left:12px}@media (width<=1100px){.workspace{grid-template-columns:270px 1fr}.detail{display:none}}@media (width<=760px){.app{grid-template-columns:1fr}.nav{display:none}.metrics{grid-template-columns:1fr 1fr;padding:12px}.workspace{grid-template-columns:1fr;height:auto;padding:0 12px}.fleet{min-height:450px}.truck{grid-template-columns:130px 1fr}.status{display:none}header{padding:0 14px}}:root{--brand:#c91e2e;--brand-dark:#9f1522;--navy:#173b67;--surface:#fff;--line:#dfe5eb;--muted:#65748a;--success:#24784a;--warning:#9a650d;--danger:#b91f2d;--radius:10px;--shadow:0 16px 44px #102b5224;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:40px}button:disabled{cursor:not-allowed;opacity:.6}.data-card th{padding:14px 16px;font-size:12px}.data-card td{padding:16px;font-size:14px}.data-card td small,.table-status{font-size:12px}.page-toolbar{align-items:center}.page-toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:42px;padding:0 12px}.fleet-summary{grid-template-columns:repeat(3,minmax(0,180px));gap:12px;display:grid}.fleet-summary article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:4px;padding:16px;display:grid}.fleet-summary b{color:var(--navy);font-size:24px}.fleet-summary span{color:var(--muted)}.fleet-summary .danger b{color:var(--danger)}.drawer-backdrop{z-index:50;background:#102b5266;justify-content:flex-end;display:flex;position:fixed;inset:0}.vehicle-drawer{width:min(760px,94vw);height:100vh;box-shadow:var(--shadow);background:#f7f9fb;overflow:auto}.vehicle-drawer>header{z-index:3;height:auto;min-height:82px;position:sticky;top:0}.vehicle-drawer>header h2{margin:3px 0 0}.vehicle-drawer>header small{color:var(--brand);font-weight:700}.vehicle-drawer>header button{background:0 0;border:0;font-size:28px}.drawer-sections{grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 24px 0;display:grid}.drawer-sections span{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:9px;font-size:12px;display:flex}.drawer-sections i{width:24px;height:24px;color:var(--brand);background:#fcebed;border-radius:50%;place-items:center;font-style:normal;font-weight:700;display:grid}.vehicle-profile-form{max-width:none;margin:16px 24px 32px}.notification-target{outline-offset:-3px;outline:3px solid #e7a51a;transition:background .3s;background:#fff8e8!important}.empty-state{text-align:center;color:var(--muted);padding:42px}.empty-state b{color:var(--navy);font-size:16px}.skeleton{color:var(--muted);background:linear-gradient(90deg,#f5f7f9,#fff,#f5f7f9);padding:24px}@media (width<=760px){.fleet-summary{grid-template-columns:repeat(3,1fr)}.page-toolbar{flex-wrap:wrap}.page-toolbar .search{min-width:100%}.drawer-sections{grid-template-columns:1fr 1fr;padding:12px}.vehicle-profile-form{margin:12px}.vehicle-drawer{width:100vw}.fleet-summary article{padding:12px}.fleet-summary b{font-size:20px}}.dispatch-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:16px 24px 4px;list-style:none;display:grid}.dispatch-steps li{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.dispatch-steps i{background:#e7ebf0;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.dispatch-steps li.active{color:var(--navy);font-weight:700}.dispatch-steps li.active i{background:var(--brand);color:#fff}.operational-alerts{background:#fff9ec;border:1px solid #efd49d;border-radius:8px;align-items:center;gap:12px;margin:8px 24px 0;padding:12px 16px;display:flex}.operational-alerts b{color:var(--warning)}.operational-alerts span{color:#6f5b38}.dispatch-review{width:1px;height:1px;position:absolute;overflow:hidden}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.dispatch-steps{gap:4px;padding:12px}.dispatch-steps li{text-align:center;justify-items:center;font-size:11px;display:grid}.operational-alerts{align-items:flex-start;margin:6px 12px;display:grid}}.my-trips{max-width:760px;margin:0 auto}.my-trips-heading{margin-bottom:18px}.my-trips-heading small{color:var(--brand);font-weight:700}.my-trips-heading h2{margin:5px 0;font-size:26px}.my-trips-heading p{color:var(--muted);margin:0}.trip-card-list{gap:14px;display:grid}.trip-action-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 8px 22px #102b520d}.trip-action-card header{border:0;height:auto;padding:0}.trip-action-card h2{margin:3px 0 0;font-size:20px}.trip-action-card small{color:var(--muted)}.trip-progress{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;display:flex}.trip-action-card p{gap:4px;display:grid}.trip-action-card p span{color:var(--muted)}.trip-primary-action{border-radius:9px;width:100%;min-height:48px}.delivery-stop,.receipt-row{font-size:14px}@media (width<=760px){.my-trips{padding:16px 12px 92px}.my-trips-heading h2{font-size:24px}.trip-action-card{padding:16px}.delivery-stop,.receipt-row{border:1px solid var(--line);background:#fff;border-radius:10px;margin:10px 0;padding:14px}.delivery-stop button,.receipt-row button{min-height:46px}}.dispatch-board{gap:14px;padding:18px 24px 32px;display:grid}.board-metrics{grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;display:grid}.board-metrics article{background:#fff;border:1px solid #e0e6ed;border-radius:10px;align-items:baseline;gap:10px;padding:14px 17px;display:flex}.board-metrics strong{color:#163c68;font-size:23px}.board-metrics span{color:#6d7b8f}.board-metrics .warning strong{color:#bb7613}.resource-strip,.queue-panel{background:#fff;border:1px solid #dfe5ec;border-radius:10px;overflow:hidden}.resource-heading{border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.resource-heading h2,.queue-toolbar h2{margin:0;font-size:14px}.resource-heading p,.queue-toolbar p{color:#778598;margin:4px 0 0;font-size:9px}.segmented{background:#eef2f6;border-radius:7px;padding:3px;display:flex}.segmented button{color:#68778b;background:0 0;border:0;border-radius:5px;padding:8px 12px}.segmented button.active{color:#fff;background:#173b67}.resource-cards{gap:9px;padding:12px 16px;display:flex;overflow:auto}.resource-card{text-align:left;background:#fff;border:1px solid #dce3ea;border-radius:8px;flex:0 0 190px;gap:6px;min-height:82px;padding:11px;display:grid}.resource-card b{color:#183d69}.resource-card span,.resource-card small{color:#718095;font-size:9px}.resource-card.selected{background:#f1f7fd;border-color:#2871b5;box-shadow:inset 3px 0 #2871b5}.queue-toolbar{border-bottom:1px solid #e5eaf0;grid-template-columns:minmax(175px,1fr) minmax(270px,1.5fr) repeat(3,minmax(130px,.65fr));align-items:center;gap:9px;padding:13px 16px;display:grid}.queue-toolbar input,.queue-toolbar select{color:#40516a;background:#fff;border:1px solid #d9e1e9;border-radius:6px;min-width:0;padding:9px}.resource-reminder{color:#8f6218;background:#fff6e4;border:1px solid #efd6a2;border-radius:6px;margin:10px 16px;padding:10px 12px}.queue-group>header{color:#276b3e;background:#edf7ef;border-top:1px solid #d5ead9;border-bottom:1px solid #d5ead9;justify-content:space-between;padding:11px 16px;display:flex}.queue-group>header span{font-size:9px}.queue-table-wrap{overflow:auto}.queue-table{border-collapse:collapse;width:100%;min-width:1050px}.queue-table th{color:#748195;text-align:left;white-space:nowrap;background:#f7f9fb;padding:10px 9px;font-size:8px}.queue-table td{vertical-align:middle;border-top:1px solid #e8edf2;padding:11px 9px;font-size:9px}.queue-table td b,.queue-table td small{display:block}.queue-table td small{color:#7b8899;max-width:360px;margin-top:4px}.queue-table tr.chosen{background:#eef6ff}.queue-table tr.urgent{background:#fff5f2}.queue-table em{color:#c33a2d;margin-top:4px;font-size:8px;font-style:normal;display:block}.warehouse-tag,.data-warning,.data-ready{color:#516579;white-space:nowrap;background:#edf2f7;border-radius:10px;padding:4px 7px;display:inline-block}.data-warning{color:#996210;background:#fff0d8}.data-ready{color:#267248;background:#e6f5eb}.queue-empty{text-align:center;color:#758297;padding:42px}.dispatch-cart{z-index:25;background:#fff;border-left:1px solid #dce3ea;flex-direction:column;gap:14px;width:min(410px,100vw);padding:17px;display:flex;position:fixed;top:76px;bottom:0;right:0;box-shadow:-16px 0 44px #15304b26}.cart-title{border-bottom:1px solid #e4e9ee;justify-content:space-between;padding-bottom:13px;display:flex}.cart-title small{color:#7b8797;letter-spacing:1px;font-size:8px}.cart-title h2{color:#173d69;margin:5px 0 0}.cart-title>button{background:0 0;border:0;font-size:25px}.crew-summary{background:#f6f9fc;border-radius:7px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:11px;display:grid}.crew-summary span{color:#7c899a;font-size:8px}.crew-summary button{color:#2566a4;background:0 0;border:0;font-size:8px}.cart-stats{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.cart-stats>div{border:1px solid #e0e6ec;border-radius:7px;padding:10px}.cart-stats b,.cart-stats span{display:block}.cart-stats span{color:#788698;margin-top:4px;font-size:8px}.cart-warning{color:#916318;background:#fff6e7;border-radius:6px;margin:0;padding:10px}.cart-items{flex:1;overflow:auto}.cart-items>div{border-bottom:1px solid #e9edf1;justify-content:space-between;align-items:center;padding:10px 2px;display:flex}.cart-items b,.cart-items small{display:block}.cart-items small{color:#7b8899;margin-top:4px;font-size:8px}.cart-items button{color:#b62e39;background:0 0;border:0}.dispatch-cart footer{border-top:1px solid #e4e9ee;gap:8px;padding-top:14px;display:flex}.dispatch-cart footer button{background:#fff;border:1px solid #d9e0e8;border-radius:6px;flex:1;padding:10px}.dispatch-cart button:disabled{opacity:.45}@media (width<=1100px){.queue-toolbar{grid-template-columns:1fr 1fr 1fr}.queue-toolbar>div{grid-column:1/-1}.dispatch-cart{width:380px}}@media (width<=760px){.dispatch-board{padding:12px}.board-metrics{grid-template-columns:1fr}.resource-heading{align-items:flex-start;gap:10px}.queue-toolbar{grid-template-columns:1fr}.queue-toolbar>div{grid-column:auto}.dispatch-cart{width:100%;top:0}}.save-state{color:#657489;background:#f1f4f7;border-radius:6px;margin:0;padding:8px 10px}.save-state.saving{color:#24649e;background:#eaf3fc}.save-state.saved{color:#267248;background:#e8f6ed}.save-state.error{color:#ae372e;background:#fff0ed}.external-flow{color:#536275;background:#f6f8fa;border-radius:8px;padding:18px}.external-flow p{margin-bottom:0;line-height:1.5}.crew-summary label{color:#657489;gap:6px;min-width:0;font-size:10px;display:grid}.crew-summary select{color:#243a55;background:#fff;border:1px solid #d9e1e9;border-radius:5px;width:100%;min-width:0;padding:8px;font-size:11px}.queue-table tr.out-of-scope{opacity:.58}.queue-table tr.out-of-scope input{cursor:not-allowed}.return-modal-backdrop{z-index:80;background:#0f172acc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.return-modal{background:#fff;border-radius:18px;width:min(900px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 24px 80px #02061766}.return-modal header,.return-modal footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.return-modal header h2{margin:4px 0 16px}.return-modal header small{color:#64748b}.return-choice{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.return-choice button.active{color:#fff;background:#0f766e}.return-pickups{gap:12px;display:grid}.return-pickups fieldset{border:1px solid #cbd5e1;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.return-pickups label{gap:4px;display:grid}.return-pickups label.wide{grid-column:1/-1}.return-pickups input,.return-pickups textarea{box-sizing:border-box;width:100%}.return-pickups em,.field-error{color:#b91c1c;font-size:12px}.return-pickups .remove{grid-column:1/-1;justify-self:end}.add-pickup{margin:12px 0}.return-modal .modal-error{color:#991b1b;background:#fee2e2;border-radius:8px;padding:10px}.return-modal footer{justify-content:flex-end;margin-top:18px}@media (width<=640px){.return-choice,.return-pickups fieldset{grid-template-columns:1fr}.return-modal-backdrop{padding:8px}.return-modal{padding:16px}}.return-items{background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;grid-column:1/-1;gap:10px;padding:12px;display:grid}.return-item{grid-template-columns:2fr 1fr 2fr auto;align-items:end;gap:8px;display:grid}.return-item .remove{grid-column:auto}.return-items>strong{justify-self:end}@media (width<=720px){.return-item{grid-template-columns:1fr}.return-item .remove{justify-self:start}}@page{size:A4 landscape;margin:10mm}.dispatch-print-screen{background:#e2e8f0;min-height:100%;padding:20px}.print-toolbar{justify-content:flex-end;gap:8px;width:min(277mm,100%);margin:0 auto 12px;display:flex}.dispatch-print-sheet{box-sizing:border-box;color:#111827;background:#fff;width:min(277mm,100%);min-height:190mm;margin:auto;padding:10mm;font-family:Times New Roman,serif;box-shadow:0 8px 28px #0f172a33}.print-heading{border-bottom:2px solid #111;grid-template-columns:1fr 1fr;align-items:center;padding-bottom:8px;display:grid}.company-block{align-items:center;gap:10px;display:flex}.company-block small,.delivery-print-table small,.return-print-section small,.signature-grid small{display:block}.company-logo{color:#991b1b;border:3px double #991b1b;place-items:center;width:46px;height:46px;font-size:20px;font-weight:900;display:grid}.print-title{text-align:center}.print-title h1{margin:0 0 4px;font-size:25px}.crew-grid{grid-template-columns:repeat(3,1fr);gap:8px 24px;padding:10px 0;display:grid}.crew-grid p{margin:0}.blank-line{border-bottom:1px dotted #111;min-width:100px;min-height:1em;display:inline-block}.dispatch-print-sheet table{border-collapse:collapse;width:100%;font-size:12px}.dispatch-print-sheet th,.dispatch-print-sheet td{vertical-align:top;border:1px solid #111;padding:5px}.delivery-print-table td:first-child,.delivery-print-table td:nth-child(6),.delivery-print-table th:first-child,.delivery-print-table th:nth-child(6){text-align:center}.return-print-section h2{margin:12px 0 5px;font-size:15px}.trip-notes{margin-top:12px}.trip-notes span{border-bottom:1px dotted #111;height:20px;display:block}.signature-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:15px;display:grid}.signature-grid div{min-height:70px}.signature-grid small{margin-top:42px}@media print{body{background:#fff}.nav,main>header{display:none!important}.dispatch-print-screen{background:#fff;padding:0}.print-toolbar{display:none}.dispatch-print-sheet{width:100%;min-height:auto;box-shadow:none;padding:0}.dispatch-print-sheet table{break-inside:auto}.dispatch-print-sheet tr{break-inside:avoid}}