/* Operations concept: graphite navigation, precise tables, GitHub-inspired dark palette. */
:root,[data-theme="dark"]{color-scheme:dark;--app-bg:#0d1117;--panel:#161b22;--subtle:#11161d;--field:#0d1117;--control:#21262d;--hover:#292e36;--foreground:#e6edf3;--secondary:#9da7b3;--faint:#7d8590;--border:#30363d;--soft-border:#252b33;--accent:#58a6ff;--primary:#1f6feb;--primary-hover:#388bfd;--selected:#1f6feb24;--green-fg:#3fb950;--green-bg:#23863620;--amber-fg:#e3b341;--amber-bg:#9e6a031f;--red-fg:#f08883;--red-bg:#f8514919;--sidebar-bg:#010409;--nav-fg:#a7b0bd;--nav-hover:#161b22;--nav-active:#1f6feb;--nav-active-fg:#fff;--travel:#303943;--loading:#52667f;--delivery:#316dca;--late:#a17427;--return:#29313b;--blue:var(--primary);--green:var(--green-fg);--muted:var(--secondary);--line:var(--border);--navy:#161b22}
[data-theme="light"]{color-scheme:light;--app-bg:#fff;--panel:#fff;--subtle:#f6f8fa;--field:#fff;--control:#f6f8fa;--hover:#eef1f4;--foreground:#1f2328;--secondary:#636c76;--faint:#818b98;--border:#d8dee4;--soft-border:#eaeef2;--accent:#0969da;--primary:#0969da;--primary-hover:#0550ae;--selected:#ddf4ff;--green-fg:#1a7f37;--green-bg:#dafbe1;--amber-fg:#9a6700;--amber-bg:#fff8c5;--red-fg:#cf222e;--red-bg:#ffebe9;--sidebar-bg:#161b22;--nav-fg:#a7b0bd;--nav-hover:#21262d;--nav-active:#0969da;--nav-active-fg:#fff;--travel:#e1e5eb;--loading:#b6c6dc;--delivery:#80aaff;--late:#ffd080;--return:#eaeef2}
*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}html{background:var(--app-bg)}body{color:var(--foreground);background:var(--app-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:13px}h1,h2,h3,.brand,.stat strong,.coverage-ring strong{font-family:inherit}h1,h2,h3{color:var(--foreground)}button,input,select,textarea{font-family:inherit;font-size:12px}button{background:var(--control);border:1px solid var(--border);color:var(--foreground);border-radius:6px;font-weight:500;box-shadow:none;padding:9px 13px}button:hover{background:var(--hover)}button.primary,.topbar-actions .primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button.dark{background:var(--control);border-color:var(--border);color:var(--foreground)}button.danger,.row-remove{color:var(--red-fg)}input,select,textarea{background:var(--field);border-color:var(--border);color:var(--foreground);border-radius:5px}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid var(--selected);outline-offset:1px}input[type="checkbox"]{accent-color:var(--primary)}label{color:var(--secondary);font-weight:500}a,.text-button{color:var(--accent)}.muted,.field-hint{color:var(--secondary)}.shell{grid-template-columns:194px minmax(0,1fr)}.main{background:var(--app-bg)}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);padding:24px 12px 18px}.brand{gap:9px;font-weight:700;letter-spacing:-.6px;font-size:20px;padding:0 12px 32px;color:#f0f3f6}.brand svg{width:23px;height:23px;color:#e6edf3}.brand small{display:none}.sidebar .nav-label{font-size:8px;letter-spacing:1.1px;padding:0 13px 12px;color:#59616e}.nav-button{color:var(--nav-fg);border:0;box-shadow:none;border-radius:5px;min-height:38px;margin:3px 0;padding:11px 12px;font-size:11px;font-weight:400;gap:11px}.nav-button:hover{background:var(--nav-hover);color:#f0f3f6}.nav-button.active{background:var(--nav-active);color:var(--nav-active-fg);box-shadow:none;font-weight:500}.nav-icon,.nav-icon svg{width:16px;height:16px}.sidebar-bottom{margin-top:25px;padding:19px 12px 0;border-top:1px solid #21262d;font-size:10px;color:#66717e;flex:1}.sidebar-bottom strong{font-size:10px;color:#c2cbd5;font-weight:500}.sidebar-bottom .version{font-size:8px;color:#4b5663;margin-top:10px}.status-dot{background:#4493f8;width:5px;height:5px}.topbar{height:62px;background:var(--panel);border-color:var(--border);padding:0 31px}.topbar .breadcrumbs{color:var(--faint);font-size:10px!important}.topbar .breadcrumbs strong{font-weight:500;color:var(--foreground)}.topbar-actions{gap:9px}.company-select{background:var(--panel);border-color:var(--border);color:var(--foreground);font-size:10px;max-width:210px;min-height:32px}.topbar-actions .small{font-size:10px;padding:7px 9px;min-height:30px}.avatar{background:var(--control);color:var(--secondary);width:28px;height:28px;font-size:9px;border:1px solid var(--border);border-radius:50%}.save-state{color:var(--faint);font-size:9px}.workspace{padding:32px 31px 40px;max-width:1700px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:26px;letter-spacing:-.8px;font-weight:650;color:var(--foreground)}.page-heading p{color:var(--secondary);font-size:11px;line-height:1.7}.eyebrow{color:var(--faint);font-size:8px;letter-spacing:1.2px;font-weight:600}.heading-actions button{font-size:11px;min-height:35px}.ops-page-heading .eyebrow{display:none}.ops-page-heading h1{font-size:27px;margin-bottom:8px}.ops-divider{color:var(--border);margin:0 7px}.theme-switch{display:flex;padding:2px;border:1px solid var(--border);background:var(--field);border-radius:6px;gap:1px;flex:none}.theme-switch button{background:transparent;border:0;padding:5px 7px;min-height:25px;gap:5px;font-size:9px;color:var(--secondary);border-radius:4px;box-shadow:none}.theme-switch button svg{height:12px;width:12px}.theme-switch button[aria-pressed="true"]{background:var(--control);color:var(--foreground)}.theme-switch button:hover{background:var(--hover)}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 26px;padding:8px 0 18px;border-bottom:1px solid var(--soft-border)}.ops-metric{padding:0 24px;border-right:1px solid var(--border);min-height:59px}.ops-metric:first-child{padding-left:0}.ops-metric:last-child{border:0}.ops-metric strong{font-size:25px;line-height:1.3;letter-spacing:-.5px;font-weight:600;display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums;color:var(--foreground)}.ops-metric>span{font-size:10px;color:var(--secondary);display:block;margin-top:5px}.ops-metric>small{font-size:9px;color:var(--faint);display:block;margin-top:5px}.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--faint);vertical-align:middle;flex:none}.signal-dot.red{background:var(--red-fg)}.signal-dot.amber{background:var(--amber-fg)}.signal-dot.green{background:var(--green-fg)}.ops-board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.ops-tabs{display:flex;gap:19px;align-items:center}.ops-tabs button{background:none;border:0;border-radius:0;padding:10px 0;font-size:10px;color:var(--secondary);gap:6px;border-bottom:2px solid transparent}.ops-tabs button.selected{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.ops-tabs button:hover{color:var(--foreground)}.ops-tabs b{background:var(--control);color:var(--secondary);border-radius:10px;font-size:9px;padding:1px 5px}.ops-filters{display:flex;gap:8px}.ops-filters select{font-size:9px;min-height:29px;width:auto;max-width:160px;background:var(--subtle);border-color:var(--border);padding:5px 26px 5px 9px;border-radius:5px}.ops-panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:20px;box-shadow:none;min-width:0}.ops-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 19px 14px;gap:10px}.ops-panel-heading h2{font-size:12px;font-weight:600;letter-spacing:-.1px;color:var(--foreground);margin:0}.ops-link{background:none;border:0;padding:0;min-height:24px;color:var(--accent);font-size:9px;border-radius:3px}.ops-link:hover{background:transparent;text-decoration:underline}.ops-muted-label{font-size:8px;letter-spacing:.5px;color:var(--faint)}.ops-main-timeline{margin-bottom:23px}.ops-timeline-scroll{overflow:auto}.ops-timeline{min-width:850px;padding:0 18px}.ops-timeline-heading,.ops-driver-row{display:grid;grid-template-columns:172px minmax(0,1fr);align-items:center}.ops-timeline-heading{height:57px;border-bottom:1px solid var(--soft-border);font-size:9px;color:var(--secondary)}.ops-timeline-heading>div:first-child{display:flex;align-items:center;justify-content:space-between;padding-right:22px}.ops-timeline-heading>div>span{font-size:8px;color:var(--faint)}.ops-hour-scale{position:relative;height:22px;margin:0 12px}.ops-hour-scale>span{position:absolute;transform:translateX(-50%);font-size:8px;top:6px;color:var(--secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.ops-driver-row{min-height:82px;border-bottom:1px solid var(--soft-border)}.ops-driver-row:last-child{border-bottom:0}.ops-driver{display:flex;gap:10px;align-items:center;padding-right:13px}.ops-initials{height:28px;width:28px;display:grid;place-items:center;flex:none;border-radius:5px;background:var(--control);border:1px solid var(--border);color:var(--secondary);font-size:9px;font-weight:500}.ops-driver strong{font-size:10px;font-weight:600;line-height:1.5;display:block;color:var(--foreground)}.ops-driver small{font-size:8px;color:var(--secondary);display:block;margin-top:4px;font-variant-numeric:tabular-nums}.ops-driver small>span{color:var(--faint);margin:0 5px}.ops-track{height:39px;position:relative;margin:0 12px;background:repeating-linear-gradient(to right,var(--soft-border) 0,var(--soft-border) 1px,transparent 1px,transparent 8.333333%)}.ops-block{position:absolute;height:15px;top:12px;display:flex;align-items:center;justify-content:center;border-radius:3px;min-width:1px;overflow:hidden}.ops-block span{font-size:8px;line-height:1;font-weight:500;white-space:nowrap;padding:1px 2px;color:#fff}.ops-block.travel{background:var(--travel);height:9px;top:15px;border-radius:2px}.ops-block.loading{background:var(--loading);height:9px;top:15px;border-radius:2px}.ops-block.delivery{background:var(--delivery);height:20px;top:9px}.ops-block.late{background:var(--late);height:20px;top:9px}.ops-block.return{background:var(--return);height:7px;top:16px}.ops-block.late span{color:#fff}.ops-no-trips{display:block;line-height:39px;padding-left:10px;color:var(--faint);font-size:9px}.ops-timeline-footer{padding:14px 19px;border-top:1px solid var(--soft-border);display:flex;justify-content:space-between;gap:12px;align-items:center}.ops-timeline-footer>small{font-size:8px;color:var(--faint)}.ops-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ops-legend>span{font-size:8px;color:var(--secondary);display:flex;align-items:center;gap:5px}.ops-legend i{display:inline-block;height:6px;width:10px;border-radius:2px}.ops-legend .travel{background:var(--travel)}.ops-legend .loading{background:var(--loading)}.ops-legend .delivery{background:var(--delivery)}.ops-legend .late{background:var(--late)}.ops-lower-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(185px,.8fr);gap:19px;align-items:start}.ops-lower-grid .ops-panel{min-height:250px}.ops-small-table{padding:0 17px 17px;overflow:auto;max-height:340px}.ops-small-table table{font-size:9px}.ops-small-table th{font-size:8px;text-transform:none;letter-spacing:0;font-weight:400;background:transparent;color:var(--secondary);padding:10px 5px;border-color:var(--soft-border)}.ops-small-table td{font-size:9px;padding:12px 5px;border-color:var(--soft-border);color:var(--foreground);font-variant-numeric:tabular-nums}.ops-small-table th:not(:first-child),.ops-small-table td:not(:first-child){text-align:right}.ops-small-table tr.ops-total td{font-weight:600;background:var(--subtle);border-top:1px solid var(--border);border-bottom:0}.ops-late-text{color:var(--amber-fg)}.ops-workload{padding:5px 19px 15px;max-height:300px;overflow:auto}.ops-workload>div{margin-bottom:20px}.ops-workload>div>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:9px}.ops-workload strong{font-weight:500;font-size:9px}.ops-workload strong small{font-weight:400;color:var(--faint);font-size:8px}.ops-workload-meter{height:5px;border-radius:2px;background:var(--control);overflow:hidden;margin-top:8px}.ops-workload-meter i{display:block;height:100%;background:var(--delivery);border-radius:2px}.ops-health{padding:0 19px 15px}.ops-health-total{display:flex;flex-direction:column;margin:5px 0 12px;font-size:11px}.ops-health-total strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.ops-health-total>span{margin-top:4px;font-size:9px;color:var(--secondary)}.ops-health-meter{height:4px;background:var(--control);border-radius:2px;overflow:hidden;margin:13px 0 18px}.ops-health-meter i{height:100%;display:block;background:var(--accent)}.ops-health>p:not(.ops-health-total){font-size:9px;color:var(--secondary);display:flex;align-items:center;gap:7px;margin:14px 0}.ops-health-foot{font-size:8px;color:var(--faint);border-top:1px solid var(--soft-border);padding-top:12px;margin-top:13px;line-height:1.8}.ops-empty{text-align:center;padding:65px 25px;color:var(--secondary)}.ops-empty strong{font-size:15px;color:var(--foreground);font-weight:600;display:block}.ops-empty p{font-size:11px;margin:12px auto 20px;max-width:400px}.ops-empty button{font-size:10px}
/* Shared screens use the same semantic palette, including forms and dialogs. */
.card,.stat,.steps,dialog{background:var(--panel);border-color:var(--border);border-radius:6px;box-shadow:none;color:var(--foreground)}.card-head{border-color:var(--soft-border);padding:19px 21px}.card-head h3,.card-head h2,.empty strong,td strong,.schedule-driver strong{color:var(--foreground)}.card-head p,.table-footer,.empty,.schedule-driver small,.schedule-driver .metrics,.inline-actions small,.cell-detail,.footer-note,.table-count{color:var(--secondary)}.card-head h3{font-weight:600;font-size:12px;letter-spacing:0}.card-body{padding:21px}.stats{background:var(--panel);border:1px solid var(--border);border-radius:6px;gap:0;overflow:hidden}.stat{border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;padding:20px}.stat:last-child{border-right:0}.stat:before{display:none}.stat strong{color:var(--foreground);font-size:25px;letter-spacing:-.5px;font-weight:600}.stat strong em{color:var(--faint);font-size:12px}.stat strong.green,.stat.teal strong{color:var(--foreground)}.stat strong.amber,.stat.amber strong{color:var(--amber-fg)}.stat-label,.stat small{color:var(--secondary);font-size:9px}.stat small{margin-top:7px}.stat strong{margin-top:9px}.steps{color:var(--secondary);font-size:10px}.steps .current{color:var(--accent)}.step-number{background:var(--control);color:var(--secondary)}.current .step-number{background:var(--selected);color:var(--accent)}.steps .arrow{color:var(--faint)}th{background:var(--subtle);color:var(--secondary);border-color:var(--border);font-weight:500}td{border-color:var(--soft-border);color:var(--foreground)}td input,td select{background:var(--field);color:var(--foreground)}.table-footer{border-color:var(--soft-border);font-size:9px}.schedule-driver{background:var(--subtle);border-color:var(--border)}.schedule-section{border-color:var(--border)}.load-id{color:var(--accent)}.late-row{background:var(--amber-bg)}.preload-label{color:var(--secondary)}.day-preload{background:var(--subtle);border-color:var(--soft-border)}.report-input{background:var(--field);border-color:var(--border);color:var(--foreground)}.notice{background:var(--selected);color:var(--accent);border-color:var(--border)}.notice.warning{background:var(--amber-bg);border-color:var(--border);color:var(--amber-fg)}.notice.success{background:var(--green-bg);border-color:var(--border);color:var(--green-fg)}.notice.error{background:var(--red-bg);color:var(--red-fg);border-color:var(--border)}.badge{background:var(--control);color:var(--secondary);border-radius:4px}.badge.green{background:var(--green-bg);color:var(--green-fg)}.badge.amber{background:var(--amber-bg);color:var(--amber-fg)}.badge.red{background:var(--red-bg);color:var(--red-fg)}.empty-icon{background:var(--selected);color:var(--accent)}.empty p{color:var(--secondary)}.missing-time{background:var(--amber-bg);border-color:var(--amber-fg)}.top-note .muted{color:var(--faint);font-size:10px}.cloud-indicator{color:var(--faint)}.cloud-indicator:before{background:var(--faint)}.footer-note{color:var(--faint);font-size:8px;letter-spacing:.1px}.report-tabs{background:var(--subtle);border:1px solid var(--border);border-radius:6px}.report-tabs button{color:var(--secondary);font-size:10px}.report-tabs button.active{background:var(--control);color:var(--foreground);box-shadow:none}.report-tabs button:hover{color:var(--accent)}.chart-legend,.hour-column small,.chart-bar span{color:var(--secondary)}.chart-bar.required{background:var(--travel)}.chart-bar.actual{background:var(--delivery)}.bar-pair{border-color:var(--soft-border)}.chart-bar{border-radius:2px 2px 0 0}.allocation-list strong,.decision-list strong,.planning-controls strong{color:var(--foreground)}.allocation-list small,.decision-list span,.planning-controls small{color:var(--secondary)}.allocation-bar{background:var(--control)}.allocation-bar .travel,.timeline-block.travel,.legend-dot.travel{background:var(--travel)}.allocation-bar .pickup,.timeline-block.pickup,.legend-dot.pickup{background:var(--loading)}.allocation-bar .unload,.timeline-block.unload,.legend-dot.unload{background:var(--delivery)}.allocation-bar .other{background:var(--return)}.timeline-block.return,.legend-dot.return{background:var(--return)}.timeline-block.late,.legend-dot.late{background:var(--late)}.timeline-block span,.timeline-block.late span{color:var(--foreground)}.timeline-header,.timeline-row{background:var(--panel);border-color:var(--soft-border)}.timeline-name strong{color:var(--foreground)}.timeline-name small,.timeline-header,.timeline-legend,.time-scale span,.timeline-empty{color:var(--secondary)}.timeline-track{background:repeating-linear-gradient(to right,var(--soft-border) 0,var(--soft-border) 1px,transparent 1px,transparent 8.33333%)}details.card[open]>summary,.setup-details[open]>summary{border-color:var(--soft-border)}details.card>summary{font-weight:500;font-size:11px;color:var(--foreground)}details.card>summary:before{color:var(--faint)}.routing-panel .card-body>p:first-child{color:var(--foreground)}.routing-panel .card-body>p,.routing-panel .card-body>p.muted{color:var(--secondary)}.routing-panel a{color:var(--accent)}.decision-list{color:var(--accent)}dialog{background:var(--panel);color:var(--foreground);border:1px solid var(--border);padding:28px;border-radius:8px}dialog h2{color:var(--foreground);font-size:23px;font-weight:600}dialog p{color:var(--secondary)}dialog::backdrop{background:#01040999;backdrop-filter:blur(2px)}#auth-message{color:var(--red-fg)}.close{color:var(--secondary);background:transparent}.text-button:hover{background:var(--subtle)}#toast{background:var(--control);border:1px solid var(--border);color:var(--foreground);box-shadow:0 8px 24px #0003;font-size:11px}#toast.error{background:var(--red-bg);border-color:var(--red-fg);color:var(--red-fg)}.insight{background:var(--panel);border-color:var(--soft-border)}.insight:hover{background:var(--subtle)}.insight strong,.workload-item strong{color:var(--foreground)}.insight small,.workload-item>small,.workload-item strong small{color:var(--secondary)}.insight-icon{background:var(--selected);color:var(--accent)}.insight.warning .insight-icon{background:var(--amber-bg);color:var(--amber-fg)}.insight.critical .insight-icon{background:var(--red-bg);color:var(--red-fg)}.insight.success .insight-icon{background:var(--green-bg);color:var(--green-fg)}.workload-item{border-color:var(--soft-border)}.driver-initial{background:var(--control);color:var(--secondary);border-radius:5px}.meter{background:var(--control);height:4px}.meter i{background:var(--delivery)}.meter.amber i{background:var(--amber-fg)}.nav-count{background:#fff2;color:#fff}.legend-dot.muted-dot{background:var(--travel)}.legend-dot.teal-dot{background:var(--delivery)}
.ops-block,.ops-legend i{padding:0}.ops-driver strong{font-size:11px}.ops-metric>span{font-size:11px}.ops-metric>small{font-size:9px}.ops-panel-heading h2{font-size:13px}
[data-theme="light"] .ops-block.delivery span,[data-theme="light"] .ops-block.late span{color:#173564}[data-theme="light"] .timeline-block span{color:#173564}
@media(min-width:1600px){.workspace{padding-top:37px;padding-left:42px;padding-right:42px}.topbar{padding:0 42px}}
@media(max-width:1150px){.shell{grid-template-columns:175px minmax(0,1fr)}.workspace{padding:26px 24px}.topbar{padding:0 24px}.sidebar{padding-left:10px;padding-right:10px}.nav-button{font-size:10px;gap:9px;padding:10px}.ops-lower-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.ops-lower-grid>.ops-panel:last-child{grid-column:1/-1;min-height:0}.ops-lower-grid>.ops-panel:last-child .ops-health{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.ops-health-meter{min-width:100px;flex:1}.ops-health-foot{border:0;margin:0;padding:0}.topbar-actions{gap:6px}.company-select{max-width:190px}.theme-switch button span{display:none}.theme-switch button{padding:6px}.ops-tabs{gap:14px}}
@media(max-width:800px){.topbar .breadcrumbs{display:none}.topbar-actions{width:100%;justify-content:flex-end}.topbar{height:auto;min-height:60px;padding-top:10px;padding-bottom:10px}.ops-metric{padding:0 17px}.ops-lower-grid{gap:15px}.ops-tabs{gap:13px}.ops-tabs button{font-size:9px}.ops-board-toolbar{align-items:start}.ops-filters{margin-left:auto}.ops-filters select{font-size:9px;max-width:140px}.ops-timeline-footer{flex-wrap:wrap;gap:10px}}
@media(max-width:700px){.shell{display:block}.sidebar{padding:14px 11px 10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border-right:0;border-bottom:1px solid var(--border)}.brand{padding:0 6px 15px;font-size:19px}.brand svg{width:21px;height:21px}.nav-button{font-size:9px;padding:9px 7px;min-height:33px;margin:0;gap:7px}.nav-icon,.nav-icon svg{height:13px;width:13px}.sidebar-bottom{display:none}.workspace{padding:24px 16px 30px}.topbar{padding:10px 15px}.theme-switch{margin-right:auto}.company-select{max-width:160px;font-size:9px}.topbar-actions .small{font-size:9px;padding:6px 8px}.avatar{width:25px;height:25px;font-size:8px}.page-heading h1,.ops-page-heading h1{font-size:24px;letter-spacing:-.6px}.page-heading p{font-size:10px}.heading-actions{width:100%}.heading-actions button{font-size:10px;min-height:33px;flex:1}.ops-page-heading{gap:17px}.ops-metrics{margin-top:20px;margin-bottom:16px;padding-bottom:20px}.ops-metric{padding:0 12px;min-height:49px}.ops-metric strong{font-size:22px;gap:5px}.ops-metric>span{font-size:8px;margin-top:7px;white-space:nowrap}.ops-metric>small{font-size:8px}.signal-dot{width:5px;height:5px}.ops-board-toolbar{gap:10px;margin-bottom:13px}.ops-tabs{width:100%;gap:20px}.ops-tabs button{font-size:9px;padding:9px 0}.ops-filters{width:100%;margin-left:0;gap:7px}.ops-filters select{width:50%;max-width:none;min-height:30px}.ops-timeline{padding:0 14px;min-width:800px}.ops-driver-row{min-height:76px}.ops-timeline-footer{padding:12px 14px;gap:9px}.ops-timeline-footer>small{font-size:7px}.ops-legend{gap:12px}.ops-legend>span{font-size:7px}.ops-lower-grid{grid-template-columns:1fr;gap:0}.ops-lower-grid>.ops-panel:last-child{grid-column:auto}.ops-lower-grid .ops-panel{min-height:0}.ops-panel-heading{padding:18px 17px 12px}.ops-small-table{padding-left:13px;padding-right:13px}.ops-small-table th{font-size:9px}.ops-small-table td{font-size:10px}.ops-small-table td,.ops-small-table th{padding-left:7px;padding-right:7px}.ops-workload{padding:9px 17px 4px}.ops-lower-grid>.ops-panel:last-child .ops-health{display:block;padding:0 17px 16px}.ops-health-total strong{font-size:16px}.ops-health-total>span{font-size:10px}.ops-health-meter{margin:15px 0}.ops-health>p:not(.ops-health-total){font-size:10px}.ops-health-foot{border-top:1px solid var(--soft-border);margin-top:12px;padding-top:12px}.ops-link{font-size:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.stat{border-bottom:1px solid var(--border);padding:17px}.stat:nth-child(even){border-right:0}.stat:nth-last-child(-n+2){border-bottom:0}.stat-label{font-size:9px}.stat strong{font-size:24px}.card-head{padding:17px}.card-body{padding:17px}.steps{font-size:9px}.top-note{font-size:9px}.top-note .muted{font-size:9px}.form-grid label{font-size:10px}}
@media print{html:root{color-scheme:light;--app-bg:#fff;--panel:#fff;--subtle:#f6f8fa;--field:#fff;--control:#f6f8fa;--foreground:#1f2328;--secondary:#57606a;--faint:#6e7781;--border:#d0d7de;--soft-border:#eaeef2;--accent:#0969da;--green-fg:#1a7f37;--green-bg:#dafbe1;--amber-fg:#9a6700;--amber-bg:#fff8c5;--red-fg:#cf222e;--red-bg:#ffebe9;--travel:#d8dee4;--loading:#b6c6dc;--delivery:#80aaff;--late:#ffd080;--return:#eaeef2}body{background:#fff;color:#1f2328}.ops-board-toolbar,.ops-timeline-footer,.theme-switch{display:none!important}.ops-page-heading{margin:0 0 15px}.ops-metrics{margin:15px 0;padding-bottom:15px}.ops-metric strong{font-size:22px}.ops-panel{break-inside:avoid}.ops-timeline-scroll{overflow:visible}.ops-timeline{min-width:0}.ops-timeline-heading,.ops-driver-row{grid-template-columns:120px minmax(0,1fr)}.ops-hour-scale>span{font-size:7px}.ops-initials{display:none}.ops-driver strong{font-size:9px}.ops-lower-grid{grid-template-columns:1.3fr 1fr 1fr;gap:12px}.ops-small-table{max-height:none;overflow:visible}.ops-workload{max-height:none}.ops-metric,.ops-track,.ops-block,.allocation-bar,.timeline-block{-webkit-print-color-adjust:exact;print-color-adjust:exact}.stats .stat{background:white}.top-note{display:none}.ops-panel-heading h2{font-size:11px}}
.preload-dialog{width:min(680px,calc(100vw - 32px));max-height:90vh;overflow:auto;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);box-sizing:border-box;box-shadow:0 24px 80px #0008}.preload-dialog::backdrop{background:#010409bd}.preload-dialog .card-head{padding:0;margin-bottom:20px}.preload-dialog h2{margin:8px 0}.preload-dialog input:not([type=checkbox]),.preload-dialog select{width:100%;box-sizing:border-box}.preload-dialog [data-split-fields][hidden]{display:none}.preload-dialog details label{display:block;margin-top:12px}.preload-dialog .heading-actions{justify-content:flex-end;margin-top:18px}.preload-dialog .field-hint{line-height:1.65}.preload-amount{align-self:end;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--muted)}.preload-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:12px 0}.preload-row:last-child{border:0}.preload-row p{font-size:12px;margin:6px 0}.preload-row small{font-size:11px;color:var(--muted)}.preload-row>div:last-child{display:flex;gap:6px}.preload-row button{font-size:11px}@media(max-width:650px){.preload-row{align-items:flex-start;flex-direction:column}.preload-dialog .form-grid{grid-template-columns:1fr}.preload-dialog .span2{grid-column:1}}
.trip-hover-card{position:fixed;z-index:2600;width:300px;box-sizing:border-box;background:var(--panel,#161b22);color:var(--text,#f0f6fc);border:1px solid #596777;border-radius:12px;box-shadow:0 14px 45px #0009;padding:17px;pointer-events:none;font:12px/1.6 system-ui}.trip-hover-card[hidden]{display:none}.trip-hover-card h3{margin:4px 0 10px;font-size:17px}.trip-hover-card p{margin:8px 0}.trip-hover-card small{display:block;color:var(--muted)}.trip-stage-meter{display:flex;gap:4px;margin:12px 0 6px}.trip-stage-meter i{height:5px;flex:1;border-radius:3px;background:#596777}.trip-stage-meter i.done{background:#3fb950}[data-timeline-trip]{cursor:pointer}[data-timeline-trip]::after{content:'';position:absolute;bottom:0;left:0;width:var(--trip-progress,0%);height:3px;background:#3fb950;border-radius:2px;pointer-events:none}[data-timeline-trip]:focus-visible{outline:2px solid #f5bf24;outline-offset:3px}
[data-trip-step="1"]{--trip-progress:20%}[data-trip-step="2"]{--trip-progress:40%}[data-trip-step="3"]{--trip-progress:60%}[data-trip-step="4"]{--trip-progress:80%}[data-trip-step="5"]{--trip-progress:100%}

.dispatch-date{display:flex;gap:8px;align-items:end;margin-top:14px}.dispatch-date label{font-size:11px;color:var(--muted);display:grid;gap:5px}.dispatch-date input{min-height:34px}.dispatch-guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 20px}.dispatch-guide button{text-align:left;display:grid;grid-template-columns:25px 1fr;gap:3px 7px;padding:12px;background:var(--panel);border:1px solid var(--border)}.dispatch-guide button>span{grid-row:1/3;border:1px solid var(--border);border-radius:50%;height:23px;display:grid;place-items:center}.dispatch-guide b{font-size:12px}.dispatch-guide small{font-size:10px;color:var(--muted);font-weight:400}.dispatch-guide .complete>span{color:#3fb950;border-color:#238636}.dispatch-preloads{margin:0 0 15px}.dispatch-preloads>summary{cursor:pointer;color:var(--muted);padding:10px}.attention-list{padding:0 18px}.attention-item{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.attention-item>div:first-child{border-left:3px solid #d29922;padding-left:12px}.attention-item.danger>div:first-child{border-color:#f85149}.attention-item p,.attention-item summary{font-size:12px;color:var(--muted);line-height:1.6}.attention-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:end;max-width:340px}.attention-actions button{font-size:11px}.review-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.review-metrics b{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:12px}.review-changes{max-height:35vh;overflow:auto}.review-changes p{padding:10px;border-bottom:1px solid var(--border)}.review-changes small{color:var(--muted)}.dispatch-review{width:min(760px,calc(100vw - 32px));max-height:90dvh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:22px}.dispatch-review::backdrop{background:#0009}.dispatch-review .heading-actions{margin-top:18px}.dispatch-evidence{font-size:10px;color:var(--muted)}.dispatch-replay-summary{cursor:pointer;padding:13px;color:var(--muted)}@media(max-width:900px){.dispatch-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.attention-item{display:block}.attention-actions{justify-content:start;max-width:none;margin-top:10px}}@media(max-width:520px){.dispatch-guide{grid-template-columns:1fr 1fr}.dispatch-date{flex-wrap:wrap}}

.unread-driver-banner{position:sticky;top:0;z-index:600;display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:#d29922;box-shadow:0 5px 20px #0004;animation:reply-glow 1.8s ease-in-out 3}.has-unread{border-color:#d29922!important;color:#e3b341!important}.driver-reply-toast{position:fixed;right:24px;bottom:24px;z-index:1800;width:min(340px,calc(100vw - 32px));padding:18px;background:var(--panel,#161b22);color:var(--text,#f0f6fc);border:1px solid #d29922;border-radius:12px;box-shadow:0 15px 55px #0008;animation:reply-slide .3s ease-out}.driver-reply-toast>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.driver-reply-toast strong{font-size:13px}.driver-reply-toast p{font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.driver-reply-toast small{display:block;color:var(--muted,#9da7b3);margin-bottom:12px}.driver-reply-toast [data-dismiss]{border:0;background:transparent;font-size:20px}.driver-reply-toast .primary{width:100%}@keyframes reply-glow{50%{box-shadow:0 0 0 3px #d2992250,0 5px 20px #0004}}@keyframes reply-slide{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.unread-driver-banner,.driver-reply-toast{animation:none}}

@media(min-width:1101px){.desk-grid{grid-template-columns:minmax(0,1fr) 280px}}.desk-load-table table{min-width:660px;table-layout:auto}.desk-load-table th{font-size:9px;letter-spacing:.04em;white-space:normal}.desk-load-table th,.desk-load-table td{padding:12px 10px}.desk-load-table td{overflow-wrap:anywhere}.desk-driver-row{flex-wrap:wrap}.desk-roster{margin-top:0}

.ops-page-heading{margin-bottom:16px!important;align-items:center}.ops-page-heading h1{font-size:26px}.ops-page-heading p{margin:5px 0}.dispatch-date{margin-top:8px}.dispatch-guide{margin-bottom:12px}.dispatch-guide button{padding:9px 10px}.dispatch-report-changes{margin-bottom:10px}.dispatch-report-changes>summary{padding:10px 14px}.ops-metrics{margin:12px 0 18px!important;padding:0 0 16px!important}.ops-metric{min-height:48px!important}.ops-metric strong{font-size:25px!important}.ops-board-toolbar{margin-bottom:12px}.dispatch-stock-details{display:inline-block;margin-right:12px}.dispatch-stock-details[open]{display:block}.dispatch-stock-details>.dispatch-replay-summary{font-size:11px;padding:10px 0}
.unread-driver-banner{background:#2d2516!important;color:#f0f6fc!important;min-height:48px;padding:12px 16px!important}.unread-driver-banner button{flex:none}

.live-collaboration{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;margin-bottom:14px;border:1px solid var(--border);border-radius:8px;font-size:11px;background:var(--panel,#161b22)}.presence-dot{width:7px;height:7px;border-radius:50%;background:#3fb950}.coworker-chip{border:1px solid var(--border);border-radius:20px;padding:5px 9px;color:var(--muted)}.coworker-chip b{color:var(--foreground)}.live-collaboration p{width:100%;margin:5px 0;line-height:1.6}.live-collaboration.editing-conflict{border-color:#d29922}.presence-collision{color:#e3b341}.coworker-editing{outline:2px solid #d29922!important;outline-offset:2px}

/* Preload editor: readable fields and a full-width split-delivery group. */
.preload-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px;color:var(--foreground)}.preload-dialog>.card-head{align-items:center;padding-bottom:18px;margin-bottom:22px}.preload-dialog .card-head [data-close]{width:34px;height:34px;padding:0;flex:none}.preload-dialog form>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.preload-dialog .form-grid>label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;line-height:1.4;color:var(--secondary)}.preload-dialog input:not([type=checkbox]),.preload-dialog select{min-width:0;min-height:42px;font-size:13px;padding:10px 12px}.preload-dialog .span2{grid-column:1/-1}.preload-dialog .preload-amount{align-self:end;min-height:42px;display:flex;align-items:center;box-sizing:border-box;background:var(--subtle);color:var(--foreground);padding:10px 14px;font-size:13px}.preload-dialog .form-grid>.check-label{flex-direction:row;align-items:center;align-self:end;min-height:42px;margin:0;gap:10px;color:var(--foreground)}.preload-dialog .check-label input{margin:0;width:16px;height:16px;flex:none}.preload-dialog [data-split-fields]{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--subtle);min-width:0}.preload-dialog [data-halves]{justify-self:start;align-self:center;white-space:nowrap;min-height:36px;padding:8px 13px}.preload-dialog [data-balance]{align-self:center;line-height:1.5;color:var(--secondary);font-size:12px}.preload-dialog details{padding:14px 0;border-top:1px solid var(--soft-border);border-bottom:1px solid var(--soft-border);font-size:12px;line-height:1.5}.preload-dialog details summary{cursor:pointer;color:var(--secondary)}.preload-dialog details small{display:block;margin-top:8px;color:var(--secondary)}.preload-dialog .field-hint{font-size:12px;line-height:1.6;color:var(--secondary);margin:18px 0}.preload-dialog [data-error]:empty{display:none}.preload-dialog .heading-actions{display:flex;width:auto;gap:10px;padding-top:16px;border-top:1px solid var(--soft-border);margin-top:20px}.preload-dialog .heading-actions button{flex:none;min-height:40px;padding:10px 18px}@media(max-width:540px){.preload-dialog{padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.preload-dialog form>.form-grid,.preload-dialog [data-split-fields]{grid-template-columns:minmax(0,1fr);gap:16px}.preload-dialog [data-split-fields]{padding:14px}.preload-dialog .preload-amount{grid-column:1/-1}.preload-dialog .heading-actions button{flex:1}}

.page-heading:has(.plan-date){display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.page-heading:has(.plan-date)>div:first-child{min-width:0;max-width:690px}.page-heading:has(.plan-date) h1{margin:8px 0;font-size:27px}.page-heading:has(.plan-date) p{font-size:12px;line-height:1.6;margin:0}.page-heading:has(.plan-date) .heading-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;width:auto;flex-shrink:0}.page-heading .heading-actions label:has(.plan-date){display:grid;gap:7px;font-size:11px;color:var(--secondary);margin:0}.page-heading .plan-date{min-height:40px;width:145px;box-sizing:border-box}.page-heading:has(.plan-date) .heading-actions button{min-height:40px;margin:0;white-space:nowrap}.steps[aria-label="Dispatch workflow"]{padding:12px 16px;margin-bottom:16px;gap:18px;min-height:0}.notice:has([data-control-tab="revisions"]){display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:18px;font-size:12px;line-height:1.5;background:var(--subtle);color:var(--secondary)}.notice [data-control-tab="revisions"]{flex:none;min-height:34px;padding:7px 12px;font-size:11px}@media(max-width:1000px){.page-heading:has(.plan-date){align-items:flex-start;flex-direction:column;gap:18px}.page-heading:has(.plan-date) .heading-actions{width:100%;justify-content:flex-start}}@media(max-width:540px){.page-heading:has(.plan-date) .heading-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-heading .heading-actions label:has(.plan-date){grid-column:1/-1}.page-heading .plan-date{width:100%}.steps[aria-label="Dispatch workflow"]{gap:12px;flex-wrap:wrap}.notice:has([data-control-tab="revisions"]){align-items:flex-start;flex-direction:column;gap:10px}}

.preload-dialog label{margin:0}.preload-dialog form>.form-grid{gap:16px 18px}.preload-dialog [data-split-fields]{gap:14px 18px}.preload-dialog>.card-head{margin-bottom:18px;padding-bottom:14px}.preload-dialog .field-hint{margin:14px 0;font-size:11px}.preload-dialog .heading-actions{margin-top:14px;padding-top:14px}

.dispatch-cargo .card-head [data-add-preload]{display:none}.ops-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;max-width:100%}.ops-tabs button{white-space:nowrap;flex:none}.ops-board-toolbar{min-width:0}.ops-page-heading .heading-actions{align-items:flex-end}.ops-page-heading .dispatch-date{margin-top:12px}.dispatch-cargo .card{margin-bottom:16px}.desk-actions:has(#desk-release){margin-top:0}@media(max-width:650px){.ops-tabs{width:100%;padding-bottom:4px}.ops-board-toolbar{display:block}.ops-page-heading .heading-actions{display:flex;flex-wrap:wrap;width:100%}}

.dispatch-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-bottom:1px solid var(--border);padding:0 0 16px;margin-bottom:22px}.dispatch-flow button{padding:13px 16px;text-align:left;background:var(--subtle);color:var(--secondary)}.dispatch-flow button.selected{color:var(--accent);border-color:var(--accent);background:var(--selected)}.dispatch-step-intro{margin:0 0 20px}.dispatch-step-intro h2{font-size:20px;margin:0 0 8px;color:var(--foreground)}.dispatch-step-intro p{font-size:13px;line-height:1.6;color:var(--secondary);margin:0 0 16px}.dispatch-arrangements{padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.dispatch-arrangements summary{cursor:pointer;font-size:13px;color:var(--foreground)}.dispatch-arrangements div{display:flex;flex-wrap:wrap;gap:8px}.dispatch-arrangements p{margin:12px 0}.dispatch-tools{position:relative;align-self:center}.dispatch-tools summary{cursor:pointer;list-style:none;padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:12px;background:var(--control);white-space:nowrap}.dispatch-tools>div{position:absolute;right:0;top:44px;z-index:20;min-width:230px;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #0005;display:grid;gap:4px}.dispatch-tools button{background:transparent;text-align:left;justify-content:start;border:0}.dispatch-tools button:hover{background:var(--subtle)}.dispatch-back{margin:0 0 16px}@media(max-width:600px){.dispatch-flow{gap:6px}.dispatch-flow button{padding:12px 8px;font-size:12px;text-align:center}.dispatch-tools>div{right:0;min-width:220px}.ops-page-heading .heading-actions{display:flex;flex-wrap:nowrap!important;align-items:center}.ops-page-heading .heading-actions>.primary{flex:1;width:auto;min-width:0}.dispatch-step-intro h2{font-size:18px}.dispatch-arrangements div{display:grid;grid-template-columns:1fr 1fr}.dispatch-arrangements button{font-size:11px;white-space:normal}}

.dispatch-cargo .card-head [data-add-preload]{display:inline-flex}

#dispatch-notes{display:block;width:100%;min-height:190px;box-sizing:border-box;padding:14px 16px;font-family:inherit;font-size:16px;line-height:1.65;color:var(--foreground);background:var(--field);resize:vertical;margin-bottom:10px}.load-calculation-status{padding:13px 15px;margin:16px 0 0;border:1px solid var(--border);border-left:3px solid var(--green-fg);border-radius:7px;background:var(--green-bg);color:var(--foreground);font-size:14px;line-height:1.6}.load-calculation-status strong{display:block;font-size:17px}

#carrier-delivery-form [data-carrier-return]{padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--subtle)}#carrier-delivery-form [hidden]{display:none}#carrier-delivery-form [data-return-estimate]{font-size:13px;line-height:1.6;color:var(--secondary);margin:0}@media(max-width:700px){#carrier-delivery-form,#carrier-delivery-form [data-carrier-return]{grid-template-columns:minmax(0,1fr)}#carrier-delivery-form .span2,#carrier-delivery-form .span4{grid-column:1/-1}}

#app{overflow-anchor:none}

.review-delivery-issues{margin:0 0 22px}.review-delivery-issues .card-head h3{font-size:16px}.review-delivery-issue{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--soft-border)}.review-delivery-issue:first-child{padding-top:0}.review-delivery-issue>div:first-child{border-left:3px solid var(--amber-fg);padding-left:12px;min-width:0}.review-delivery-issue.danger>div:first-child{border-color:var(--red-fg)}.review-delivery-issue strong{font-size:13px}.review-delivery-issue p{margin:6px 0;font-size:13px;line-height:1.6;color:var(--secondary)}.review-delivery-issue small{font-size:11px;color:var(--secondary)}.review-delivery-issue>div:last-child{display:flex;gap:6px;flex-wrap:wrap;flex:none;max-width:280px}.review-delivery-issue button{font-size:11px}.review-delivery-issues summary{padding:14px 0 0;cursor:pointer;font-size:13px}@media(max-width:650px){.review-delivery-issue{display:block}.review-delivery-issue>div:last-child{margin:10px 0 0 15px;max-width:none}.review-delivery-issues .card-head{gap:12px;align-items:flex-start}}

.review-plan-options{display:flex;gap:12px;align-items:center;margin-bottom:18px}.review-plan-options small{color:var(--secondary)}.review-alternatives{padding:16px;background:var(--subtle);border:1px solid var(--border);border-radius:8px;margin-bottom:18px}.review-alternatives h4{font-size:15px;margin:0 0 8px}.review-alternatives p{font-size:12px;line-height:1.6;color:var(--secondary)}.review-alternatives article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--border)}@media(max-width:650px){.review-plan-options,.review-alternatives article{align-items:flex-start;flex-direction:column}}

.stats.finance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.stats.finance-stats{grid-template-columns:1fr}}
.plan-option-buttons{display:flex;gap:10px;flex-wrap:wrap}.plan-option-preview{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}