.dp-dispatch{--dd-bg:#f5f7fa;--dd-card:#fff;--dd-text:#172033;--dd-muted:#64748b;--dd-border:#dce3ec;position:fixed;inset:0;z-index:10000;background:var(--dd-bg);color:var(--dd-text);font:14px/1.45 system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
.dp-dispatch *{box-sizing:border-box}
.dp-dispatch button,.dp-dispatch input,.dp-dispatch select{font:inherit}
.dp-dispatch button,.dp-dispatch .dd-link{border:1px solid var(--dd-border);border-radius:9px;background:var(--dd-card);color:var(--dd-text);padding:var(--dpui-space-2,8px) var(--dpui-space-3,12px);min-height:36px;cursor:pointer;text-decoration:none}
.dp-dispatch button:focus-visible,.dp-dispatch a:focus-visible,.dp-dispatch input:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}
.dp-dispatch button:disabled{opacity:.5;cursor:wait}
.dp-dispatch .dd-primary{background:#a44e26;color:white;border-color:#a44e26}
.dp-dispatch .dd-header{position:sticky;top:0;z-index:3;background:var(--dd-card);border-bottom:1px solid var(--dd-border);padding:var(--dpui-space-3,12px) var(--dpui-space-5,20px);display:flex;gap:var(--dpui-space-3,12px);align-items:center;flex-wrap:wrap}
.dp-dispatch h1{font-size:22px;margin:0}
.dp-dispatch h2{font-size:var(--dpui-font-lg,16px);margin:0 0 10px}
.dp-dispatch h3{font-size:15px;margin:0}
.dp-dispatch p{margin:var(--dpui-space-1,4px) 0}
.dp-dispatch .dd-header-title{flex:1}
.dp-dispatch .dd-muted{color:var(--dd-muted);font-size:var(--dpui-font-sm,12px)}
.dp-dispatch .dd-body{padding:var(--dpui-space-4,16px) var(--dpui-space-5,20px);max-width:1600px;margin:auto}
.dp-dispatch .dd-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:var(--dpui-space-3,12px)}
.dp-dispatch .dd-toolbar button[aria-pressed=true]{background:#172033;color:#fff}
.dp-dispatch input,.dp-dispatch select{border:1px solid var(--dd-border);background:var(--dd-card);color:var(--dd-text);border-radius:8px;padding:9px;min-width:0}
.dp-dispatch .dd-search{flex:1;min-width:160px}
.dp-dispatch .dd-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--dpui-space-4,16px)}
.dp-dispatch .dd-card{background:var(--dd-card);border:1px solid var(--dd-border);border-radius:var(--dpui-radius-card,12px);padding:var(--dpui-space-3,12px);margin-bottom:var(--dpui-space-2,8px)}
.dp-dispatch .dd-job{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:start}
.dp-dispatch .dd-job.dd-late{border-left:4px solid #d14343}
.dp-dispatch .dd-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.dp-dispatch .dd-badge{font-size:var(--dpui-font-sm,12px);background:#eef2f7;border-radius:var(--dpui-radius-small,6px);padding:2px 6px}
.dp-dispatch .dd-badge.dd-ready{background:#dcfce7;color:#166534}
.dp-dispatch .dd-badge.dd-warn{background:#fee2e2;color:#991b1b}
.dp-dispatch .dd-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:var(--dpui-space-2,8px)}
.dp-dispatch .dd-selectbar{position:sticky;bottom:0;padding:var(--dpui-space-3,12px);background:var(--dd-card);border:1px solid var(--dd-border);border-radius:var(--dpui-radius-card,12px);display:flex;align-items:center;gap:var(--dpui-space-2,8px);z-index:2}
.dp-dispatch .dd-empty{padding:28px;text-align:center;color:var(--dd-muted)}
.dp-dispatch .dd-feedback{margin:0;color:#b42318;white-space:pre-line}
.dp-dispatch .dd-dialog-backdrop{position:fixed;inset:0;background:#0006;z-index:10;display:grid;place-items:center;padding:var(--dpui-space-4,16px)}
.dp-dispatch .dd-dialog{background:var(--dd-card);padding:var(--dpui-space-5,20px);border-radius:14px;width:min(100%,460px);max-height:90dvh;overflow:auto}
.dp-dispatch .dd-dialog label{display:grid;gap:var(--dpui-space-1,4px);margin:var(--dpui-space-3,12px) 0}
.dp-dispatch .dd-dialog .dd-actions{justify-content:flex-end}
.dp-dispatch .dd-stop{border-left:3px solid #a44e26;padding-left:var(--dpui-space-3,12px)}
.dp-dispatch .dd-steps{list-style:none;padding:0;display:grid;gap:var(--dpui-space-4,16px)}
.dp-dispatch .dd-steps li{border-left:3px solid #dce3ec;padding-left:14px}
.dp-dispatch .dd-steps li.dd-current{border-color:#a44e26;font-weight:600}
.dp-dispatch .dd-tracking{max-width:540px;margin:30px auto}
.dp-dispatch .dd-linkbox{word-break:break-all;background:#f1f5f9;padding:10px;border-radius:8px}
.dp-dispatch .dd-priority{font-size:var(--dpui-font-xl,20px);font-weight:650}
.dp-dispatch .dd-route-list{padding-left:var(--dpui-space-5,20px)}
.dp-dispatch .dd-route-list li{margin:5px 0}
.dp-dispatch .dd-inline{display:flex;gap:var(--dpui-space-2,8px);align-items:center}
.dp-dispatch .dd-inline>*{min-width:0}
.dp-dispatch .dd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:760px){.dp-dispatch .dd-header{padding:10px var(--dpui-space-3,12px);gap:7px}.dp-dispatch h1{font-size:19px}.dp-dispatch .dd-body{padding:var(--dpui-space-3,12px)}.dp-dispatch .dd-grid{grid-template-columns:1fr}.dp-dispatch .dd-job{grid-template-columns:22px minmax(0,1fr)}.dp-dispatch .dd-job>div:last-child{grid-column:2}.dp-dispatch .dd-header-title{min-width:130px}.dp-dispatch .dd-tracking{margin:var(--dpui-space-3,12px) auto}.dp-dispatch .dd-selectbar{flex-wrap:wrap}.dp-dispatch .dd-toolbar{gap:var(--dpui-space-1,4px)}.dp-dispatch .dd-toolbar button{padding:6px var(--dpui-space-2,8px)}}
@media(prefers-color-scheme:dark){body.dd-standalone .dp-dispatch{--dd-bg:#151a24;--dd-card:#202735;--dd-text:#eef2f7;--dd-muted:#acb7c8;--dd-border:#354052}.dp-dispatch .dd-linkbox{color:#172033}}
.dp-dispatch .dd-fleet{margin-bottom:var(--dpui-space-4,16px)}
.dp-dispatch .dd-map-canvas{height:310px;width:100%;border-radius:var(--dpui-radius-control,10px);background:#eef2f7}
.dp-dispatch .dd-map-canvas[hidden]{display:none}
.dp-dispatch .dd-map-status{margin:7px 0 0}
.dp-dispatch .dd-fleet-summary{display:flex;gap:var(--dpui-space-2,8px);flex-wrap:wrap;margin-bottom:var(--dpui-space-2,8px)}
.dp-dispatch .dd-return{background:#edf7ef;border-radius:8px;padding:var(--dpui-space-2,8px);margin:var(--dpui-space-2,8px) 0}
.dp-dispatch .dd-prep-now{font-weight:650;color:#166534}
.dp-dispatch .dd-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--dpui-space-3,12px)}
.dp-dispatch .dd-setting-grid label{min-width:0}
.dp-dispatch .dd-setting-wide{grid-column:1/-1}
.dp-dispatch .dd-settings-notice{border-radius:8px;padding:9px;background:#f1f5f9;color:#334155}
.dp-dispatch .dd-notification{display:flex;flex-direction:column;gap:7px}
.dp-dispatch .dd-notification button{align-self:start}
@media(max-width:760px){.dp-dispatch .dd-map-canvas{height:245px}.dp-dispatch .dd-setting-grid{grid-template-columns:1fr}.dp-dispatch .dd-setting-wide{grid-column:auto}}
/* Dispatch remains inside the POS content area, preserving navigation and header. */
.dp-dispatch.dd-pos-embedded{position:relative;inset:auto;z-index:auto;min-height:100%;width:100%;overflow:visible;border-radius:var(--dpui-radius-card,12px)}
.dd-pos-embedded .dd-header{position:relative}
.dd-pos-embedded .dd-dialog-backdrop{z-index:10010}
/* Dispatch remains inside the POS content area, preserving navigation and header. */
#mainContent.dd-pos-open>:not(.dd-pos-embedded){display:none!important}
.dp-dispatch.dd-pos-embedded{position:relative;inset:auto;z-index:auto;min-height:100%;width:100%;overflow:visible;border-radius:var(--dpui-radius-card,12px)}
.dd-pos-embedded .dd-header{position:relative}
.dd-pos-embedded .dd-dialog-backdrop{z-index:10010}
.dp-dispatch .dd-dialog label.dd-inline{display:flex;align-items:flex-start;gap:var(--dpui-space-2,8px)}
.dp-dispatch .dd-dialog label.dd-inline input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;margin-top:2px}
@media(max-width:760px){.dp-dispatch .dd-dialog input,.dp-dispatch .dd-dialog select,.dp-dispatch .dd-dialog textarea,.dp-dispatch .dd-search{font-size:var(--dpui-font-lg,16px)}}
.dp-dispatch .dd-sync-notice{border-left:4px solid #d97706;background:#fffbeb;color:#78350f}
.dp-dispatch .dd-sync-notice .dd-muted{color:#92400e}
.dp-dispatch .dd-proposal-stops{list-style:none;padding:0}
.dp-dispatch .dd-proposal-stops li{padding:6px 0;border-bottom:1px solid var(--dd-border)}
.dp-dispatch .dd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--dpui-space-2,8px)}
.dp-dispatch .dd-metrics strong{display:block;font-size:21px}
.dp-dispatch .dd-proof-preview{max-width:100%;max-height:200px;border-radius:8px}
@media(max-width:760px){.dp-dispatch .dd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dp-dispatch .dd-pair-qr{box-sizing:content-box;width:220px;max-width:calc(100% - 24px);padding:var(--dpui-space-3,12px);margin:var(--dpui-space-3,12px) auto;background:#fff;border-radius:8px}
.dp-dispatch .dd-pair-qr img,.dp-dispatch .dd-pair-qr canvas{display:block;max-width:100%;height:auto}
.dp-dispatch .dd-pair-qr[hidden]{display:none}
/* A tall map beside a full-height driver and route column inside the POS. */
@media (min-width:800px){
 .dp-dispatch.dd-pos-embedded .dd-body{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,24vw,420px);column-gap:18px;row-gap:10px;align-items:start}
 .dd-pos-embedded .dd-body>.dd-feedback{grid-column:1;grid-row:1}
 .dd-pos-embedded .dd-body>.dd-toolbar{grid-column:1;grid-row:2;margin-bottom:0}
 .dd-pos-embedded .dd-body>.dd-fleet{grid-column:1;grid-row:3;margin-bottom:0}
 .dd-pos-embedded .dd-body>.dd-grid{display:contents}
 .dd-pos-embedded .dd-grid>section{grid-column:1;grid-row:4;min-width:0}
 .dd-pos-embedded .dd-grid>aside{grid-column:2;grid-row:1 / span 4;position:sticky;top:12px;min-height:min(680px,calc(100dvh - 220px));max-height:calc(100dvh - 210px);overflow:auto;background:var(--dd-card);border:1px solid var(--dd-border);border-radius:var(--dpui-radius-card,12px);padding:var(--dpui-space-4,16px)}
 .dd-pos-embedded .dd-fleet .dd-map-canvas{height:clamp(420px,55dvh,680px)}
}
@media (max-width:799px){
 .dd-pos-embedded .dd-grid{grid-template-columns:1fr}
}
.dd-pos-embedded .dd-fleet>.dd-inline{flex-wrap:wrap}
.dp-dispatch .dd-map-range{display:flex;align-items:center;gap:6px;font-size:var(--dpui-font-sm,12px);white-space:nowrap}
.dp-dispatch .dd-map-range input{width:68px;min-height:36px;padding:5px var(--dpui-space-2,8px)}
/* Phone dispatch: readable headings, ordered actions and comfortable touch targets. */
@media(max-width:799px){
 .dp-dispatch.dd-pos-embedded{border-radius:0}
 .dd-pos-embedded .dd-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dpui-space-2,8px);padding:var(--dpui-space-4,16px) var(--dpui-space-3,12px) var(--dpui-space-3,12px)}
 .dd-pos-embedded .dd-header-title{grid-column:1/-1;grid-row:1;min-width:0;padding-right:var(--dpui-space-12,48px);margin-bottom:6px}
 .dd-pos-embedded h1{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.3px}
 .dd-pos-embedded .dd-header-title .dd-muted{font-size:var(--dpui-font-sm,12px);line-height:1.5;margin-top:6px}
 .dd-pos-embedded button,.dd-pos-embedded .dd-link{min-height:44px;padding:10px var(--dpui-space-3,12px);border-radius:var(--dpui-radius-control,10px);line-height:1.3}
 .dd-pos-embedded .dd-header>button{width:100%;font-size:13px;font-weight:600}
 .dd-pos-embedded .dd-header>[data-refresh]{position:absolute;top:16px;right:12px;width:44px;font-size:var(--dpui-font-xl,20px);padding:var(--dpui-space-2,8px)}
 .dd-pos-embedded .dd-header>[data-prepare]{background:#a44e26;border-color:#a44e26;color:#fff}
 .dd-pos-embedded .dd-body{padding:var(--dpui-space-3,12px);min-width:0;container-type:inline-size}
 .dd-pos-embedded .dd-feedback:not(:empty){font-size:var(--dpui-font-sm,12px);line-height:1.5;background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--dpui-radius-control,10px);padding:9px 11px;margin-bottom:var(--dpui-space-3,12px);color:#9a3412}
 .dd-pos-embedded .dd-toolbar{display:grid;grid-template-columns:repeat(7,max-content);gap:6px;overflow-x:auto;padding:2px 2px 6px;margin-bottom:var(--dpui-space-3,12px);scrollbar-width:thin;overscroll-behavior-x:contain}
 .dd-pos-embedded .dd-toolbar>[data-filter]{font-size:13px;font-weight:600;white-space:nowrap;padding:9px var(--dpui-space-3,12px)}
 .dd-pos-embedded .dd-toolbar>.dd-search{grid-column:1/-1;grid-row:2;position:sticky;left:0;width:calc(100vw - 52px);width:calc(100cqi - 4px);min-width:0;min-height:46px;font-size:var(--dpui-font-lg,16px);margin-top:var(--dpui-space-1,4px)}
 .dd-pos-embedded .dd-card{padding:var(--dpui-space-3,12px);border-radius:14px}
 .dd-pos-embedded .dd-fleet>.dd-inline{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--dpui-space-3,12px)}
 .dd-pos-embedded .dd-fleet>.dd-inline>h2{flex:0 0 100%!important;font-size:17px;line-height:1.3;margin:0;white-space:normal}
 .dd-pos-embedded .dd-map-range{flex:1;font-size:var(--dpui-font-base,14px);gap:var(--dpui-space-2,8px)}
 .dd-pos-embedded .dd-map-range input{width:72px;min-height:44px;font-size:var(--dpui-font-lg,16px);text-align:center;border-radius:var(--dpui-radius-control,10px)}
 .dd-pos-embedded [data-routing-settings]{font-size:13px;font-weight:600}
 .dd-pos-embedded .dd-fleet-summary{gap:6px;margin-bottom:var(--dpui-space-3,12px)}
 .dd-pos-embedded .dd-badge{font-size:var(--dpui-font-xs,11px);padding:var(--dpui-space-1,4px) 7px}
 .dd-pos-embedded .dd-map-canvas{height:clamp(280px,42dvh,380px);border-radius:var(--dpui-radius-card,12px)}
 .dd-pos-embedded .dd-grid{gap:var(--dpui-space-4,16px)}
 .dd-pos-embedded .dd-grid>aside{background:#fff;border:1px solid var(--dd-border);border-radius:14px;padding:var(--dpui-space-3,12px)}
 .dd-pos-embedded .dd-grid>aside>h2{font-size:17px;margin-bottom:var(--dpui-space-3,12px)}
 .dd-pos-embedded .dd-grid>aside>.dd-card>button{font-size:var(--dpui-font-sm,12px);margin-top:6px}
 .dd-pos-embedded .dd-selectbar{position:relative;display:grid;grid-template-columns:1fr auto;gap:var(--dpui-space-2,8px);padding:var(--dpui-space-3,12px)}
 .dd-pos-embedded .dd-selectbar>.dd-muted{grid-column:1/-1;grid-row:2}
 .dd-pos-embedded .dd-selectbar>[data-assign]{grid-column:1;grid-row:3}
 .dd-pos-embedded .dd-selectbar>[data-clear]{grid-column:2;grid-row:3}
 .dd-pos-embedded .dd-actions{gap:var(--dpui-space-2,8px)}
 .dd-pos-embedded .dd-actions>button{flex:1;font-size:13px}
 .dd-pos-embedded .dd-dialog-backdrop{padding:var(--dpui-space-3,12px)}
 .dd-pos-embedded .dd-dialog{padding:18px var(--dpui-space-4,16px);border-radius:18px;max-height:calc(100dvh - 24px)}
 .dd-pos-embedded .dd-dialog input:not([type=checkbox]),.dd-pos-embedded .dd-dialog select,.dd-pos-embedded .dd-dialog textarea{min-height:46px;width:100%;font-size:var(--dpui-font-lg,16px)}
}
/* Full-page map works on phones without requiring browser Fullscreen API support. */
.dp-dispatch .dd-map-widget{position:relative}
.dp-dispatch .dd-map-expand{position:absolute;top:10px;right:10px;z-index:1;width:44px;height:44px;min-height:44px;padding:var(--dpui-space-1,4px);background:#fff;color:#172033;font-size:28px;line-height:1;border:0;border-radius:8px;box-shadow:0 2px 8px #17203326}
.dp-dispatch .dd-map-expand[hidden]{display:none}
.dd-map-fullscreen{position:fixed;inset:0;z-index:10050;display:flex;flex-direction:column;background:#fff;color:#172033;font:14px/1.4 system-ui,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;overscroll-behavior:contain}
.dd-map-fullscreen>header{display:flex;align-items:center;justify-content:space-between;gap:var(--dpui-space-3,12px);padding:10px var(--dpui-space-3,12px);border-bottom:1px solid #dce3ec;flex-shrink:0}
.dd-map-fullscreen>header strong{font-size:var(--dpui-font-lg,16px)}
.dd-map-fullscreen>header button{min-height:44px;flex-shrink:0;padding:10px 14px;border:1px solid #dce3ec;border-radius:var(--dpui-radius-control,10px);background:#fff;color:#172033;font:600 14px system-ui,sans-serif;cursor:pointer}
.dd-map-fullscreen>header button:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}
.dd-map-fullscreen>.dd-map-canvas{flex:1;min-height:0;width:100%;border-radius:0}
.dd-order-popup{width:310px;max-width:calc(100vw - 88px);font:14px/1.35 system-ui,sans-serif;color:#172033;background:#fff;padding:2px}
.dd-order-popup-head{display:flex;align-items:flex-start;gap:var(--dpui-space-2,8px);margin-bottom:var(--dpui-space-2,8px)}
.dd-order-popup-name{display:grid;gap:2px;flex:1;min-width:0}
.dd-order-popup-name strong{font-size:17px;font-weight:700;overflow-wrap:anywhere}
.dd-order-popup-order{font-size:var(--dpui-font-sm,12px);color:#64748b}
.dd-order-popup .dd-order-popup-close,.dp-dispatch .dd-order-popup .dd-order-popup-close{flex:0 0 30px;width:30px;min-height:30px;padding:0;border:0;border-radius:7px;background:#f1f5f9;color:#334155;font-size:25px;line-height:1;cursor:pointer}
.dd-order-popup-close:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.dd-order-popup-status{display:inline-block;padding:3px 7px;font-size:var(--dpui-font-sm,12px);font-weight:650;border-radius:var(--dpui-radius-small,6px);background:#eef2f7;color:#334155}
.dd-order-popup-status[data-status=ready]{background:#dcfce7;color:#166534}
.dd-order-popup-status[data-status=out_for_delivery]{background:#dbeafe;color:#1e40af}
.dd-order-popup-status[data-status=failed]{background:#fee2e2;color:#991b1b}
.dd-order-popup .dd-order-popup-address,.dp-dispatch .dd-order-popup .dd-order-popup-address{font-size:var(--dpui-font-base,14px);line-height:1.4;margin:var(--dpui-space-2,8px) 0 3px;overflow-wrap:anywhere}
.dd-order-popup-phone{color:#1d4ed8;font-size:var(--dpui-font-base,14px);text-decoration:none;font-weight:600}
.dd-order-popup-phone-missing{font-size:var(--dpui-font-sm,12px);color:#64748b}
.dd-order-popup-times{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin:10px 0 var(--dpui-space-2,8px);padding:9px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.dd-order-popup-times dt{font-size:var(--dpui-font-xs,11px);font-weight:600;color:#64748b}
.dd-order-popup-times dd{margin:2px 0 0;font-size:15px;font-weight:650;color:#172033}
.dd-order-popup-time-wide{grid-column:1/-1;display:flex;gap:var(--dpui-space-2,8px);align-items:baseline;flex-wrap:wrap}
.dd-order-popup-time-wide dd{margin:0}
.dd-order-popup-times small{font-size:var(--dpui-font-xs,11px);color:#64748b}
.dd-order-popup-assignment{font-size:var(--dpui-font-sm,12px);font-weight:600;color:#475569;overflow-wrap:anywhere}
@media(max-width:760px){.dd-order-popup .dd-order-popup-close,.dp-dispatch .dd-order-popup .dd-order-popup-close{width:44px;min-height:44px;flex-basis:44px;font-size:28px}}
@media(max-width:799px){
 .dd-order-popup.dd-mobile-order-popup{position:fixed;z-index:10060;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 24px));max-width:none;padding:14px;background:#fff;border:1px solid #dce3ec;border-radius:var(--dpui-radius-dialog,16px);box-shadow:0 8px 32px #17203340;font-size:13px;line-height:1.3;box-sizing:border-box}
 .dd-mobile-order-popup .dd-order-popup-head{margin-bottom:6px;align-items:center}
 .dd-mobile-order-popup .dd-order-popup-name strong{font-size:var(--dpui-font-lg,16px);line-height:1.25}
 .dd-mobile-order-popup .dd-order-popup-close{width:40px;min-height:40px;flex-basis:40px}
 .dd-mobile-order-popup .dd-order-popup-address{font-size:13px;line-height:1.3;margin:6px 0 3px}
 .dd-mobile-order-popup .dd-order-popup-phone{font-size:13px}
 .dd-mobile-order-popup .dd-order-popup-times{margin:7px 0 6px;padding:7px 0;gap:5px 10px}
 .dd-mobile-order-popup .dd-order-popup-times dd{font-size:13px;margin-top:1px}
 .dd-mobile-order-popup .dd-order-popup-time-wide{gap:5px}
 .dd-mobile-order-popup .dd-order-popup-assignment{font-size:var(--dpui-font-xs,11px);line-height:1.3}
}
@media(max-width:799px){
 .dd-order-popup.dd-mobile-order-popup{position:fixed;z-index:10060;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 24px));max-width:none;padding:14px;background:#fff;border:1px solid #dce3ec;border-radius:var(--dpui-radius-dialog,16px);box-shadow:0 8px 32px #17203340;font-size:13px;line-height:1.3;box-sizing:border-box}
 .dd-mobile-order-popup .dd-order-popup-head{margin-bottom:6px;align-items:center}
 .dd-mobile-order-popup .dd-order-popup-name strong{font-size:var(--dpui-font-lg,16px);line-height:1.25}
 .dd-mobile-order-popup .dd-order-popup-close{width:40px;min-height:40px;flex-basis:40px}
 .dd-mobile-order-popup .dd-order-popup-address{font-size:13px;line-height:1.3;margin:6px 0 3px}
 .dd-mobile-order-popup .dd-order-popup-phone{font-size:13px}
 .dd-mobile-order-popup .dd-order-popup-times{margin:7px 0 6px;padding:7px 0;gap:5px 10px}
 .dd-mobile-order-popup .dd-order-popup-times dd{font-size:13px;margin-top:1px}
 .dd-mobile-order-popup .dd-order-popup-time-wide{gap:5px}
 .dd-mobile-order-popup .dd-order-popup-assignment{font-size:var(--dpui-font-xs,11px);line-height:1.3}
}
@media(max-width:799px){
 .dd-order-popup.dd-mobile-order-popup{width:min(300px,calc(100vw - 24px));padding:10px;display:grid;grid-template-columns:1fr auto;gap:var(--dpui-space-1,4px) var(--dpui-space-2,8px);border-radius:var(--dpui-radius-card,12px);font-size:var(--dpui-font-sm,12px)}
 .dd-mobile-order-popup .dd-order-popup-head{grid-column:1/-1;margin:0}
 .dd-mobile-order-popup .dd-order-popup-name strong{font-size:var(--dpui-font-base,14px)}
 .dd-mobile-order-popup .dd-order-popup-order{font-size:10px}
 .dd-mobile-order-popup .dd-order-popup-close{width:32px;min-height:32px;flex-basis:32px;font-size:22px}
 .dd-mobile-order-popup .dd-order-popup-status{grid-row:2;grid-column:1;justify-self:start;font-size:10px;padding:2px 5px}
 .dd-mobile-order-popup .dd-order-popup-phone,.dd-mobile-order-popup .dd-order-popup-phone-missing{grid-row:2;grid-column:2;align-self:center;font-size:var(--dpui-font-xs,11px)}
 .dd-mobile-order-popup .dd-order-popup-address{grid-column:1/-1;margin:2px 0;font-size:var(--dpui-font-sm,12px);line-height:1.25}
 .dd-mobile-order-popup .dd-order-popup-times{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:3px 0;padding:5px 0;gap:6px}
 .dd-mobile-order-popup .dd-order-popup-time-wide{grid-column:auto;display:block}
 .dd-mobile-order-popup .dd-order-popup-times dt{font-size:10px}
 .dd-mobile-order-popup .dd-order-popup-times dd{font-size:var(--dpui-font-sm,12px);line-height:1.25;margin:2px 0 0}
 .dd-mobile-order-popup .dd-order-popup-times small{font-size:9px;line-height:1.2}
 .dd-mobile-order-popup .dd-order-popup-assignment{grid-column:1/-1;font-size:10px}
}
.dd-order-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #e2e8f0}
.dd-order-popup-driver{display:grid;gap:var(--dpui-space-1,4px);grid-column:1/-1;font-size:var(--dpui-font-sm,12px);font-weight:600;color:#475569}
.dd-order-popup-driver select{width:100%;min-width:0;min-height:38px;border:1px solid #cbd5e1;border-radius:7px;padding:6px var(--dpui-space-2,8px);background:#fff;color:#172033;font-size:var(--dpui-font-lg,16px)}
.dd-order-popup-actions button,.dp-dispatch .dd-order-popup-actions button{min-height:38px;padding:6px var(--dpui-space-2,8px);border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc;color:#172033;font:600 12px/1.3 system-ui,sans-serif;cursor:pointer}
.dd-order-popup-actions button.dd-primary,.dp-dispatch .dd-order-popup-actions button.dd-primary{background:#a44e26;border-color:#a44e26;color:#fff}
.dd-order-popup-actions button:disabled,.dd-order-popup-driver select:disabled{opacity:.5;cursor:default}
.dd-order-popup-actions small{grid-column:1/-1;color:#64748b;font-size:var(--dpui-font-xs,11px);line-height:1.4}
@media(max-width:799px){.dd-order-popup-actions button,.dp-dispatch .dd-order-popup-actions button,.dd-order-popup-driver select{min-height:44px}.dd-mobile-order-popup{max-height:calc(100dvh - 48px);overflow-y:auto}}
.dd-mobile-order-popup .dd-order-popup-actions{grid-column:1/-1}
.dp-dispatch .dd-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dpui-space-3,12px);flex-wrap:wrap;margin-bottom:10px}
.dp-dispatch .dd-list-heading h2{font-size:18px;margin:0}
.dp-dispatch .dd-job-received{display:inline-block;background:#eff6ff;color:#1e40af;border:1px solid #dbeafe;border-radius:7px;padding:var(--dpui-space-1,4px) var(--dpui-space-2,8px);margin:5px 0;font-size:13px}
.dp-dispatch .dd-selected-stops{padding-left:25px;list-style:decimal}
.dp-dispatch .dd-selected-stops li{padding:10px 0;border-bottom:1px solid var(--dd-border)}
.dp-dispatch .dd-selected-stops li::marker{font-weight:700;color:#a44e26}
.dp-dispatch .dd-stop-order{display:flex;gap:var(--dpui-space-2,8px);margin-top:7px}
.dp-dispatch .dd-stop-order button{min-width:44px;min-height:44px;font-size:18px}
@media(min-width:800px){
 .dd-pos-embedded .dd-body>.dd-fleet{grid-row:4}
 .dd-pos-embedded .dd-grid>section{grid-row:3}
}
@media(max-width:799px){
 .dd-pos-embedded .dd-body{display:flex;flex-direction:column;gap:var(--dpui-space-3,12px)}
 .dd-pos-embedded .dd-body>.dd-feedback{order:0;margin-bottom:0}
 .dd-pos-embedded .dd-body>.dd-toolbar{order:1;margin-bottom:0}
 .dd-pos-embedded .dd-body>.dd-grid{display:contents}
 .dd-pos-embedded .dd-grid>section{order:2;min-width:0}
 .dd-pos-embedded .dd-body>.dd-fleet{order:3;margin-bottom:0}
 .dd-pos-embedded .dd-grid>aside{order:4}
 .dd-pos-embedded .dd-job-received{font-size:var(--dpui-font-sm,12px)}
 .dd-pos-embedded .dd-list-heading{gap:var(--dpui-space-1,4px)}
 .dd-pos-embedded .dd-selectbar>[data-assign]{grid-column:1/-1}
 .dd-pos-embedded .dd-selectbar>[data-clear]{grid-row:4;grid-column:1/-1}
}
.dp-dispatch .dd-job-route-stop{display:inline-block;margin:5px 6px 5px 0;padding:var(--dpui-space-1,4px) var(--dpui-space-2,8px);border-radius:7px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-size:13px}
.dp-dispatch .dd-map-route-legend{display:flex;flex-wrap:wrap;gap:var(--dpui-space-2,8px);margin:var(--dpui-space-2,8px) 0}
.dp-dispatch .dd-map-route-group{flex:1 1 220px;min-width:0;border:1px solid var(--dd-border);border-left:3px solid var(--dd-route-color);border-radius:8px;padding:var(--dpui-space-2,8px);background:var(--dd-card);font-size:var(--dpui-font-sm,12px)}
.dd-map-route-group>strong{display:block;font-size:13px;margin-bottom:2px}
.dd-map-route-group p{line-height:1.6}
.dd-map-route-group p>span{white-space:nowrap}
.dd-map-route-group small{display:block;margin-top:3px;color:var(--dd-muted);font-size:var(--dpui-font-xs,11px)}
.dd-route-dot{display:inline-block;width:9px;height:9px;background:var(--dd-route-color);border-radius:50%;margin-right:6px}
.dp-dispatch .dd-route-card{border-left:3px solid var(--dd-route-color)}
.dd-route-map-number{display:inline-block;padding:1px 5px;border-radius:5px;background:var(--dd-route-color);color:#fff;font-size:10px;font-weight:600}
.dp-dispatch .dd-route-job-badge{border-left:3px solid var(--dd-route-color);font-weight:600}