.dispatch-shell .dc-main { width:calc(100% - 64px); max-width:1320px; margin:auto; padding:20px 0 30px; min-width:0; }
.dc { border:0; padding:0; margin:0; min-width:0; color:#102D33; }
.dc *, .dc-dialog *, .dc-map-dialog * { box-sizing:border-box; }
.dc :is(h1,h2,h3,p,ol), .dc-dialog :is(h2,h3,p) { margin:0; }
.dc :is(h1,h2,h3,button,input,select,strong), .dc-dialog *, .dc-map-dialog * { font-family:Inter,"Segoe UI",Arial,sans-serif; text-transform:none; letter-spacing:0; text-shadow:none; }
.dc h1 { font-size:32px; line-height:1.2; color:#102D33; font-weight:750; margin:3px 0 6px; }
.dc h2 { font-size:16px; line-height:1.3; font-weight:650; color:#13453D; }
.dc h3 { font-size:13px; line-height:1.4; font-weight:650; color:#13453D; }
.dc p { font-size:13px; color:#758B89; line-height:1.45; }
.dc-eyebrow { font-size:10px; font-weight:600; color:#758B89; }
.dc-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px; margin-bottom:12px; }
.dc-heading > div:first-child { min-width:0; }
.dc-scope { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.dc-scope label { display:grid; padding:4px 9px; border:1px solid #E8EEEA; border-radius:7px; background:#fff; min-width:100px; }
.dc-scope label > span { font-size:10px; color:#758B89; }
.dc input, .dc select { min-width:0; max-width:100%; font-size:12px; line-height:18px; color:#102D33; border:1px solid #E8EEEA; border-radius:6px; background:#fff; padding:7px 8px; box-shadow:none; }
.dc select { appearance:none; -webkit-appearance:none; padding-right:24px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23758B89' d='m3 4 3 3 3-3'/%3E%3C/svg%3E"); background-position:right 7px center; background-size:12px; background-repeat:no-repeat; }
.dc .dc-scope :is(select,input) { padding:0 19px 0 0; border:0; border-radius:0; max-width:180px; height:20px; }
.dc .dc-scope input { width:119px; padding:0; }
.dc .dc-fresh { display:flex; align-items:center; gap:7px; padding:7px 9px; min-height:42px; border:1px solid #E8EEEA; border-radius:7px; background:#fff; box-shadow:none; font-size:11px; color:#13453D; cursor:pointer; }
.dc-fresh small { display:block; font-size:10px; text-align:left; color:#758B89; }
.dc .workspace-nav { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 8px; padding:0; background:none; border:0; box-shadow:none; }
.dc .workspace-nav a { display:inline-flex; align-items:center; height:30px; padding:0 12px; border:1px solid #EEF2EE; border-radius:18px; color:#526F6D; font-size:12px; font-family:Inter,"Segoe UI",Arial,sans-serif; text-transform:none; text-decoration:none; background:#fff; box-shadow:none; }
.dc .workspace-nav a.active { background:#E7F5EE; color:#08765D; border-color:#D7EBDD; }
.dc .dc-basis { font-size:11px; margin-bottom:10px; }
.dc-workspace { display:grid; grid-template-columns:minmax(0,2.05fr) minmax(360px,1fr); gap:14px; align-items:start; }
.dc-queue,.dc-route { background:#fff; border:1px solid #EEF2EE; border-radius:12px; box-shadow:0 3px 14px #102D3306; min-width:0; padding:14px; }
.dc-panel-header { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px; }
.dc-panel-header p { font-size:11px; margin-top:3px; }
.dc-queue > .dc-panel-header { flex-wrap:wrap; }
.dc-assignment { display:grid; grid-template-columns:minmax(0,155px) auto; gap:5px 8px; align-items:end; }
.dc-assignment .dc-create-help { grid-column:1 / -1; color:#758B89; font-size:11px; }
.dc-assignment label { display:grid; gap:3px; font-size:11px; color:#758B89; }
.dc-assignment select { width:155px; height:34px; }
.dc-button, .dc .dc-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; padding:7px 11px; color:#08765D; background:#fff; border:1px solid #DDEAE3; border-radius:6px; box-shadow:none; font-size:12px; font-weight:600; cursor:pointer; text-decoration:none; white-space:nowrap; }
.dc-button.primary,.dc .dc-button.primary { background:#08765D; color:#fff; border-color:#08765D; }
.dc-button.primary:hover { background:#075740; }
.dc-icon,.dc .dc-icon { display:inline-grid; place-items:center; width:28px; height:28px; min-height:28px; padding:0; border:1px solid #EEF2EE; background:#fff; color:#758B89; border-radius:50%; cursor:pointer; box-shadow:none; flex-shrink:0; }
.dc .dc-text { padding:3px 0; border:0; background:none; color:#08765D; font-size:11px; cursor:pointer; box-shadow:none; border-radius:0; }
.dc button:disabled { opacity:.45; cursor:default; }
.dc :is(button,input,select,a):focus-visible, .dc-dialog :is(button,a):focus-visible,.dc-map-dialog button:focus-visible { outline:2px solid #08765D; outline-offset:2px; }
.dc .dc-context { background:#F4F8F5; color:#526F6D; padding:7px 9px; font-size:11px; border-radius:5px; margin:8px 0; }
.dc-filters { display:flex; gap:6px; align-items:center; margin:8px 0 3px; }
.dc-search { display:flex; gap:6px; align-items:center; padding:0 8px; border:1px solid #E8EEEA; border-radius:6px; min-width:140px; flex:1; height:34px; color:#758B89; }
.dc .dc-search input { border:0; padding:0; width:100%; font-size:12px; background:none; }
.dc-filters select { max-width:142px; height:34px; font-size:11px; }
.dc-selection { display:flex; flex-wrap:wrap; gap:12px; align-items:center; font-size:11px; color:#758B89; min-height:22px; margin-bottom:2px; }
.dc-selection > span { margin-right:auto; }
.dc-table-scroll { position:relative; width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
.dc table { width:100%; min-width:780px; border-collapse:collapse; font-size:12px; table-layout:fixed; }
.dc th:nth-child(2) { width:24%; }
.dc th:nth-child(3) { width:17%; }
.dc th:nth-child(4) { width:21%; }
.dc th:nth-child(5) { width:12%; }
.dc th:nth-child(6) { width:10%; }
.dc th:nth-child(7) { width:16%; }
.dc th:last-child { width:34px; }
.dc td strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dc td small { overflow:hidden; text-overflow:ellipsis; }
.dc-inline-type { display:none; }
.dc th { padding:7px 6px; background:#F8F9F6; color:#758B89; border:0; font-size:11px; font-weight:500; text-align:left; white-space:nowrap; }
.dc td { height:48px; padding:5px 6px; border-bottom:1px solid #EFF3F0; color:#34564F; line-height:1.3; }
.dc td:first-child,.dc th:first-child { width:24px; }
.dc input[type=checkbox] { width:14px; height:14px; min-height:0; padding:0; accent-color:#08765D; cursor:pointer; }
.dc tbody tr:hover { background:#F7FBF8; }
.dc tbody tr.selected { background:#ECF7F0; }
.dc td small { display:block; font-size:11px; color:#758B89; margin-top:2px; white-space:nowrap; }
.dc .dc-delivery { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; border:0; border-radius:0; padding:0; background:none; color:#102D33; font-size:12px; font-weight:650; box-shadow:none; text-align:left; cursor:pointer; white-space:nowrap; }
.dc td strong { color:#102D33; font-weight:600; font-size:12px; }
.dc-address { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; min-width:110px; max-width:150px; font-size:11px; }
.dc td .dc-origin { display:block; max-width:145px; overflow:hidden; text-overflow:ellipsis; font-size:10px; }
.dc-muted { font-size:11px; color:#758B89; }
.dc-type { display:inline-block; padding:3px 5px; border-radius:4px; background:#F0F3F1; white-space:nowrap; font-size:10px; }
.dc-badge { display:inline-block; padding:4px 6px; border-radius:12px; font-size:10px; line-height:1.2; white-space:nowrap; }
.dc-badge.green { color:#08765D; background:#E7F5EE; }
.dc-badge.blue { color:#278BB5; background:#E4F4FC; }
.dc-badge.neutral { color:#758B89; background:#F0F3F1; }
.dc-pagination { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-top:10px; font-size:11px; color:#758B89; }
.dc-pagination > div { display:flex; gap:6px; align-items:center; }
.dc-pagination > div > span { padding:5px 9px; background:#E7F5EE; border-radius:5px; color:#08765D; }
.dc .dc-driver-select { width:100%; height:34px; font-size:12px; }
.dc-driver-strip { display:flex; gap:8px; align-items:center; padding:8px; background:#F8FAF8; border:1px solid #EEF3EF; border-radius:6px; margin:7px 0; }
.dc-avatar { display:grid; place-items:center; border-radius:50%; width:31px; height:31px; flex-shrink:0; font-size:12px; font-weight:600; color:#fff; background:#08765D; }
.dc-driver-strip strong { display:block; font-size:12px; color:#13453D; }
.dc-driver-strip small { display:block; color:#758B89; font-size:10px; margin-top:2px; }
.dc-driver-metric { margin-left:auto; text-align:right; }
.dc .dc-driver-note { font-size:10px; margin:4px 0 7px; }
.dc-map-wrap { position:relative; border-radius:10px; overflow:hidden; background:#EFF5F1; }
.dc-map .maplibregl-ctrl-group button { width:28px; height:28px; min-height:28px; }
.dc-map { height:180px; width:100%; }
.dc-map-empty { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:8px; color:#758B89; padding:24px; text-align:center; font-size:12px; }
.dc .dc-fit { position:absolute; right:8px; top:8px; z-index:3; }
.dc .dc-map-note { font-size:10px; margin:5px 0 10px; }
.dc-map-note span { display:block; }
.dc-manifest-header { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:8px 0 4px; }
.dc-manifest-header > span { font-size:11px; color:#758B89; }
.dc-stops { list-style:none; padding:0; max-height:176px; overflow-y:auto; line-height:1.25; }
.dc-driver-strip { line-height:1.25; }
.dc-stops li { display:grid; grid-template-columns:minmax(0,1fr) 85px 24px; align-items:center; gap:6px; padding:4px 0; border-bottom:1px solid #F0F4F1; height:38px; }
.dc-stop-select > span:last-child { min-width:0; }
.dc-stop-select :is(strong,small) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dc .dc-stop-select { display:flex; align-items:center; gap:6px; padding:0; border:0; border-radius:0; background:none; text-align:left; color:#102D33; box-shadow:none; cursor:pointer; min-width:0; }
.dc-stop-select strong { display:block; font-size:10px; font-weight:600; white-space:nowrap; }
.dc-stop-select small { display:block; font-size:10px; color:#758B89; }
.dc-stop-number { display:grid; place-items:center; width:18px; height:18px; border-radius:50%; flex-shrink:0; background:#08765D; color:#fff; font-size:10px; }
.dc-stop-area { font-size:11px; color:#758B89; min-width:0; max-width:100%; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.dc-stop-area small { color:#B77913; display:block; }
.dc-stops .dc-icon { width:23px; height:23px; min-height:23px; border:0; }
.dc-stops li.highlighted { background:#E7F5EE; }
.dc-saved { margin-top:9px; padding-top:8px; border-top:1px solid #E8EEEA; }
.dc-saved label { display:grid; gap:4px; color:#758B89; font-size:10px; }
.dc-saved select { width:100%; font-size:11px; }
.dc .dc-status-title { margin:12px 0 6px; }
.dc-statuses { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.dc-statuses > div { display:grid; grid-template-columns:8px 1fr; align-items:center; gap:2px 4px; }
.dc-statuses strong { font-size:12px; }
.dc-statuses small { grid-column:2; font-size:9px; color:#758B89; }
.dc-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:#08765D; flex-shrink:0; }
.dc-dot.mint { background:#74BC9F; }.dc-dot.blue { background:#278BB5; }.dc-dot.dark { background:#164D3E; }.dc-dot.red { background:#CE5353; }
.dc-summary { display:flex; align-items:center; flex-wrap:wrap; gap:30px; background:#fff; border:1px solid #EEF2EE; border-radius:12px; box-shadow:0 3px 14px #102D3306; padding:8px 14px; margin-top:12px; }
.dc-summary > div { display:flex; align-items:center; gap:10px; min-width:130px; }
.dc-summary .admin-exec-icon { color:#08765D; background:#E7F5EE; box-sizing:content-box; padding:7px; border-radius:7px; }
.dc-summary strong { display:block; font-size:14px; color:#13453D; }
.dc-summary small { display:block; font-size:10px; color:#758B89; }
.dc-summary .dc-button { margin-left:auto; }
.dc .dc-footnote { font-size:10px; margin-top:8px; }
.dc-empty { min-height:300px; display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; padding:24px; text-align:center; color:#758B89; }
.dc-empty p { max-width:330px; font-size:12px; }
.dc-skeleton { height:40px; border-radius:5px; margin:8px 0; background:linear-gradient(90deg,#F0F4F1,#F8FAF8,#F0F4F1); }
.dc-message { padding:10px 12px; background:#E7F5EE; color:#08765D!important; border-radius:6px; margin:8px 0!important; }
.dc-error { padding:10px; background:#FFF3EF; color:#98483F!important; border-radius:6px; font-size:12px; margin:8px 0!important; }
.dc-dialog,.dc-map-dialog { border:1px solid #E8EEEA; border-radius:12px; padding:20px; width:min(480px,calc(100% - 32px)); max-height:90dvh; overflow:auto; color:#102D33; background:#fff; box-shadow:0 15px 80px #102D3333; }
.dc-dialog::backdrop,.dc-map-dialog::backdrop { background:#102D3340; }
.dc-dialog header,.dc-map-dialog header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:15px; }
.dc-dialog h2,.dc-map-dialog h2 { font-size:18px; color:#102D33; }
.dc-dialog h3 { font-size:15px; margin-bottom:8px; }
.dc-dialog dl { display:grid; gap:4px; font-size:13px; margin:16px 0; }
.dc-dialog dt { color:#758B89; font-size:11px; margin-top:7px; }
.dc-dialog dd { margin:0; overflow-wrap:anywhere; }
.dc-dialog a { color:#08765D; }
.dc-map-dialog { width:min(1000px,calc(100% - 32px)); }
.dc-expanded-map { height:60dvh; min-height:260px; border-radius:8px; overflow:hidden; }
.dc-map-dialog p { font-size:12px; margin-top:8px; }
.coreza-map .coreza-map-pin--dispatch-stop > span { width:25px; height:25px; display:grid; place-items:center; font:600 11px/1 Arial,sans-serif; color:#fff; background:#08765D; border:2px solid #fff; }
.dc-map .coreza-map-pin--driver > span,.dc-expanded-map .coreza-map-pin--driver > span { color:#fff; font:600 11px/1 Arial,sans-serif; display:grid; place-items:center; width:23px; height:23px; }
.coreza-map .coreza-map-pin--dispatch-stop.is-selected > span { background:#075740; box-shadow:0 0 0 5px #08765D40; }
.dc-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.dc .dc-origin,.dc-type,.dc-badge,.dc-driver-strip small,.dc .dc-driver-note,.dc .dc-map-note,.dc-stop-select strong,.dc-stop-select small,.dc-stop-area,.dc-saved label,.dc-statuses small,.dc-summary small,.dc .dc-footnote { font-size:11px; }
.dc-summary > div > .admin-exec-icon { padding:7px; }
.dc-summary .dc-button .admin-exec-icon { padding:0; background:none; color:inherit; }
.dc-info { position:relative; display:inline-flex; }
.dc-info > span { display:none; position:absolute; right:0; top:calc(100% + 8px); width:260px; padding:10px; border:1px solid #D7EBDD; border-radius:8px; background:#fff; color:#526F6D; font-size:12px; line-height:1.5; z-index:5; box-shadow:0 3px 14px #102D3314; }
.dc-info:hover > span,.dc-info:focus-within > span { display:block; }
@media(min-width:1200px) {
 .dc-heading { margin-bottom:10px; }
 .dc-navigation { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
 .dc-navigation .workspace-nav,.dc-navigation .dc-basis { margin:0; }
 .dc-route > .dc-panel-header { margin-bottom:4px; }
 .dc-map { height:175px; }
 .dc .dc-map-note { margin:4px 0 6px; }
 .dc-manifest-header { margin:6px 0 2px; }
 .dc-saved { margin-top:6px; padding-top:6px; }
 .dc-saved label { display:flex; align-items:center; gap:8px; white-space:nowrap; }
 .dc-saved select { min-width:0; flex:1; height:34px; }
 .dc .dc-status-title { margin:8px 0 4px; }
 .dc-summary { margin-top:8px; padding-top:7px; padding-bottom:7px; }
 .dc-queue > .dc-panel-header { flex-wrap:nowrap; min-height:52px; }
 .dc td:nth-child(6),.dc th:nth-child(6) { display:none; }
 .dc-inline-type { display:inline; }
 .dc th:nth-child(2) { width:25%; }
 .dc th:nth-child(3) { width:18%; }
 .dc th:nth-child(4) { width:24%; }
 .dc th:nth-child(5) { width:12%; }
 .dc th:nth-child(7) { width:19%; }
 .dc table { min-width:0; }
}
@media(max-width:600px) {
 .dc-info > span { left:0; right:auto; }
 .dc-stops li { grid-template-columns:minmax(0,1fr) 65px 24px; }
}
@media(max-width:600px){
 .dc table,.dc tbody { display:block; min-width:0; width:100%; }
 .dc thead,.dc thead tr { display:block; }
 .dc th:not(:first-child) { display:none; }
 .dc th:first-child { display:flex; align-items:center; gap:8px; width:100%; }
 .dc th:first-child::after { content:"Select page"; }
 .dc tbody tr { display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:4px 6px; padding:10px 0; border-bottom:1px solid #E8EEEA; }
 .dc td { display:block; height:auto; padding:0; border:0; min-width:0; }
 .dc td:first-child { grid-column:1; grid-row:1 / 5; width:auto; padding-top:3px; }
 .dc td:nth-child(2) { grid-column:2; grid-row:1; }
 .dc td:nth-child(3) { grid-column:2; grid-row:2; }
 .dc td:nth-child(4) { grid-column:2 / 4; grid-row:3; }
 .dc td:nth-child(5) { grid-column:2; grid-row:4; }
 .dc td:nth-child(6) { grid-column:3; grid-row:4; text-align:right; }
 .dc td:nth-child(7) { grid-column:3; grid-row:2; text-align:right; }
 .dc td:nth-child(8) { grid-column:3; grid-row:1; justify-self:end; }
 .dc td .dc-address { max-width:none; }
 .dc td .dc-origin { max-width:none; }
 .dc td:nth-child(2) { grid-column:2 / 4; padding-right:30px; }
 .dc .dc-delivery { font-size:11px; }
 .dc td small { font-size:11px; }
 .dc .dc-badge { font-size:10px; white-space:normal; max-width:90px; }
}
@media(min-width:1400px){.dc-heading{flex-wrap:nowrap;}.dc-scope{justify-content:flex-end;}.dc-heading h1{white-space:nowrap;}}
@media(max-width:1199px){.dispatch-shell .dc-main{width:calc(100% - 48px);}.dc-workspace{grid-template-columns:minmax(0,1fr);}.dc-route{max-width:none;}.dc-map{height:220px;}.dc-stops{max-height:220px;}.dc-driver-note{max-width:none;}.dc-statuses small{font-size:11px;}.dc-stop-area{max-width:40%;}.dc-route .dc-panel-header{margin-bottom:10px;}}
@media(max-width:600px){.dispatch-shell .dc-main{width:calc(100% - 32px);padding-top:20px;}.dc h1{font-size:30px;}.dc-scope{display:grid;grid-template-columns:1fr 1fr;width:100%;}.dc-scope label{min-width:0;}.dc .dc-scope :is(select,input){width:100%;max-width:none;}.dc .workspace-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;}.dc .workspace-nav a{white-space:nowrap;}.dc-queue,.dc-route{padding:12px;}.dc-assignment{width:100%;}.dc-assignment label{flex:1;min-width:0;}.dc-assignment select{width:100%;}.dc-filters{flex-wrap:wrap;}.dc-search{flex-basis:100%;}.dc-filters select{flex:1;max-width:none;}.dc-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.dc-summary > div{min-width:0;}.dc-summary .dc-button{white-space:normal;}.dc-basis{line-height:1.4;}.dc-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0;}.dc-stop-area{max-width:85px;}.dc-driver-strip{flex-wrap:wrap;}.dc-statuses small{font-size:10px;}.dc-summary small{font-size:11px;}}