.dispatch{--red:#a20e12;--cream:#f4ead9;color:#29241f;background:#f6f1e8;min-height:100svh;font-family:Arial,Helvetica,sans-serif}.dispatch *{box-sizing:border-box}.dispatch button,.dispatch .d-button{cursor:pointer;background:var(--red);color:#fff6e8;border:0;border-radius:9px;min-height:50px;padding:16px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.dispatch button:disabled{opacity:.45;cursor:wait}.dispatch .d-secondary{color:#392f24;background:#eee5d8}.dispatch a{color:inherit}.dispatch input,.dispatch textarea,.dispatch select{color:#29241f;background:#fff;border:1px solid #d6ccbd;border-radius:7px;width:100%;padding:14px;font-size:16px;display:block}.dispatch label{margin:16px 0;font-size:13px;font-weight:700;display:block}.dispatch label input,.dispatch label textarea{margin-top:8px}.dispatch :focus-visible{outline-offset:4px;outline:3px solid #d6a967}.d-login{color:#fff1d8;background:#a20e12;flex-direction:column;align-items:center;min-height:100svh;padding:35px 24px;display:flex}.d-logo{letter-spacing:-5px;font-size:66px;font-weight:950;line-height:1}.d-logo small{letter-spacing:2px;margin:12px 0;font-size:9px;font-weight:600;display:block}.d-login form{text-align:center;width:min(100%,420px);margin:auto}.d-eyebrow{letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700}.d-login h1{letter-spacing:-1.5px;margin:12px 0;font-size:36px}.d-login p{color:#efd6ba;font-size:13px;line-height:1.7}.d-pin-wrap{height:76px;margin:30px 0 25px;position:relative}.d-pin-display{pointer-events:none;grid-template-columns:repeat(4,1fr);gap:12px;height:100%;display:grid}.d-pin-display span{background:#ffffff0a;border:1px solid #e9caaa70;border-radius:9px;place-items:center;font-size:32px;display:grid}.d-pin-display span.filled{color:#a20e12;background:#fff3df;border-color:#fff3df}.dispatch .d-pin-input{opacity:0;cursor:text;width:100%;height:100%;position:absolute;inset:0}.d-pin-wrap:focus-within{outline-offset:7px;border-radius:9px;outline:2px solid #efd6ba}.d-login .d-enter{color:#a20e12;background:#fff0d6;width:100%}.d-login footer{letter-spacing:2px;opacity:.65;font-size:10px}.d-top{background:var(--red);color:#fff0d6;justify-content:space-between;align-items:center;gap:20px;padding:23px max(22px,50vw - 540px);display:flex}.d-top .d-logo{letter-spacing:-3px;font-size:40px}.d-top .d-logo small{font-size:8px}.d-top .d-secondary{color:#fff0d6;background:#ffffff15;border:1px solid #ffffff40;min-height:40px;padding:10px 15px}.d-content{max-width:1120px;margin:auto;padding:38px 22px 60px}.d-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.d-heading h1{letter-spacing:-1.5px;margin:9px 0;font-size:38px;line-height:1.1}.d-heading p{color:#827564;font-size:13px}.d-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.d-card{background:#fffdf8;border:1px solid #e7decf;border-radius:16px;margin-bottom:20px;padding:25px}.d-card h2{letter-spacing:-.6px;margin:6px 0 15px;font-size:23px;font-weight:700}.d-card p{color:#766957;margin:8px 0 16px;font-size:14px;line-height:1.6}.d-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.d-badge{letter-spacing:.6px;color:#6f6253;background:#ebe7db;border-radius:5px;padding:8px 10px;font-size:10px;font-weight:700}.d-badge.green{color:#397644;background:#e8efdf}.d-badge.red{color:#a20e12;background:#f9e7df}.d-map-caption{color:#796a55;justify-content:space-between;margin:14px 0;font-size:12px;display:flex}.delivery-map{background:#eee7db;border-radius:11px;position:relative;overflow:hidden}.delivery-map svg{width:100%;height:auto;display:block}.map-credit{background:#ffffffdb;padding:3px 6px;font-size:9px;position:absolute;bottom:0;right:0}.d-number{letter-spacing:-2px;font-size:44px;font-weight:800}.d-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.d-actions>*{text-align:center;white-space:nowrap;flex:1}.d-words{text-align:center;background:#f4ead9;border:1px dashed #cdbba0;border-radius:10px;margin:18px 0;padding:22px}.d-words b{letter-spacing:3px;color:#a20e12;margin-top:10px;font-size:27px;display:block}.d-words small{letter-spacing:1px;font-size:10px}.d-empty{text-align:center;padding:45px 24px}.d-empty svg{stroke:#ad9472;fill:none;stroke-width:1.5px;width:65px;margin:10px auto 20px}.d-empty h2{font-size:26px}.d-muted{color:#8b7c66;font-size:12px;line-height:1.6}.d-error{color:#902b22;background:#fae6df;border-radius:8px;margin-bottom:18px;padding:15px 20px;font-size:14px}.d-success{color:#3e6240;background:#e8efdf;border-radius:8px;margin-bottom:18px;padding:15px 20px}.d-alert{color:#fff1dc;background:#a20e12;border-radius:13px;margin:0 0 25px;padding:20px;box-shadow:0 8px 24px #a20e1220}.d-strikes{align-items:center;gap:7px;font-size:12px;display:flex}.d-strikes i{border:1px solid #b8a58c;border-radius:50%;width:12px;height:12px}.d-strikes i.on{background:#a20e12;border-color:#a20e12}.d-history{border-bottom:1px solid #eee6d9;padding:16px 0;font-size:13px}.d-history strong{margin-bottom:7px;display:block}.d-status-steps{grid-template-columns:repeat(4,1fr);gap:7px;margin:28px 0;display:grid}.d-status-steps span{color:#9e907b;border-top:3px solid #dbd0bf;padding-top:10px;font-size:10px}.d-status-steps .done{color:#a20e12;border-color:#a20e12}.d-countdown{text-align:center;padding:30px 0}.d-countdown strong{letter-spacing:-4px;font-size:70px;line-height:1.2}.d-countdown small{letter-spacing:2px;margin:10px;font-size:11px;display:block}.d-form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.d-table{border-collapse:collapse;width:100%;font-size:13px}.d-table td,.d-table th{text-align:left;border-bottom:1px solid #eadfcd;padding:15px 10px}.d-table button{min-height:36px;margin:3px;padding:8px 12px;font-size:12px}.d-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.d-tabs .active{background:#29241f}.d-pin-result{letter-spacing:14px;color:#a20e12;background:#f4ead9;border-radius:10px;margin:12px 0;padding:20px;font-size:42px;font-weight:700}.d-modal{z-index:100;background:#271a13a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.d-modal .d-card{width:min(100%,460px)}@media (max-width:720px){.d-grid{grid-template-columns:1fr}.d-content{padding:26px 16px}.d-heading h1{font-size:31px}.d-card,.d-top{padding:20px}.d-heading{align-items:start}.d-heading .d-actions{margin:0}.d-heading button{padding:12px;font-size:12px}.d-form-grid{grid-template-columns:1fr}.d-countdown strong{font-size:58px}.d-table-wrap{overflow:auto}.d-actions{flex-wrap:wrap}.d-actions>*{min-width:140px}.d-login .d-logo{font-size:60px}}.gold-map{isolation:isolate;background:#eee8d9;border:1px solid #ded4c1;height:460px}.gold-map>svg{cursor:grab;width:100%;height:100%;display:block}.gold-map>svg:active{cursor:grabbing}.map-tiles{filter:saturate(.38)sepia(.13)contrast(.94)}.gold-map.map-full{border:0;border-radius:0;height:100%;position:absolute;inset:0}.gold-route-flow{animation:3s linear infinite routeFlow}.burger-marker{pointer-events:none;transition:transform 1.3s ease-out}.marker-stale{opacity:.5}.burger-pulse{transform-origin:50%;animation:2.8s ease-out infinite burgerPulse}.gold-map .map-order-pin{z-index:3;filter:drop-shadow(0 5px 5px #70572e4a);cursor:pointer;color:#fff;border-radius:0;flex-direction:column;justify-content:end;align-items:center;min-width:44px;min-height:44px;padding:0;font-size:13px;display:flex;position:absolute;overflow:visible;transform:translate(-50%,-100%);background:0 0!important}.map-order-pin span{background:#a20e12;border:2px solid #fff7e7;border-radius:13px;place-items:center;min-width:44px;min-height:38px;padding:8px 12px;display:grid}.map-order-pin i{background:#a20e12;border-bottom:2px solid #fff7e7;border-right:2px solid #fff7e7;width:10px;height:10px;margin-top:-6px;transform:rotate(45deg)}.map-order-pin.selected span{color:#ffedbd;background:#292820;border-color:#ffdb77}.map-order-pin.selected i{background:#292820;border-color:#ffdb77}.map-tools{z-index:4;gap:6px;display:grid;position:absolute;top:100px;right:18px}.dispatch .map-tools button,.map-tools button{color:#554831;cursor:pointer;background:#fffaf0;border:1px solid #dfd4bf;border-radius:12px;width:43px;height:43px;min-height:43px;padding:0;font-size:24px;box-shadow:0 3px 10px #51431e15}.map-failure{z-index:5;background:#fff8e4;padding:5px;font-size:10px;position:absolute;top:7px;left:7px}.map-credit{z-index:4}.driver-map-shell{height:100svh;min-height:600px;position:relative;overflow:hidden}.map-topbar{top:max(20px,env(safe-area-inset-top));z-index:5;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;left:22px;right:22px}.map-topbar>*{pointer-events:auto}.map-brand{letter-spacing:-3px;color:#fff0d7;background:#a20e12;border-radius:16px;padding:13px 17px 11px;font-size:35px;font-weight:950;line-height:1;box-shadow:0 5px 25px #7d311a23}.map-brand span{letter-spacing:2px;margin-top:6px;font-size:8px;display:block}.dispatch .map-online{color:#675a48;background:#fffaf1;border:1px solid #eadfc8;border-radius:30px;min-height:46px;margin-left:auto;padding:13px 22px;box-shadow:0 3px 15px #71532920}.dispatch .map-online.online{color:#e6f4d5;background:#263b2d;border-color:#263b2d}.dispatch .map-menu-button{color:#4c4435;background:#fffaf1;border:1px solid #e6dac4;border-radius:50%;width:48px;height:48px;min-height:0;padding:0;font-size:22px;box-shadow:0 3px 15px #71532920}.map-message-stack{z-index:5;pointer-events:none;max-width:540px;position:absolute;top:116px;left:22px;right:85px}.map-toast{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9ebee;border:1px solid #e6c97f;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:13px 16px;font-size:12px;display:flex;box-shadow:0 5px 20px #8d702620}.map-toast.error{color:#8e2019;background:#fff0e7;border-color:#db998b}.dispatch .map-toast button{min-width:28px;min-height:32px;color:inherit;background:0 0;margin-left:auto;padding:0;font-size:22px}.map-idle-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0ed;border:1px solid #e5d9bd;border-radius:30px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 36px);padding:17px 25px;font-size:13px;display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #78644122}.live-dot{background:#628e55;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #628e551c}.map-job-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#fffaf2f5;border:1px solid #e9d5a5;border-radius:22px;width:440px;max-width:calc(100% - 48px);max-height:55svh;padding:22px 25px 16px;position:absolute;bottom:33px;left:24px;overflow:auto;box-shadow:0 12px 45px #7555212b}.map-job-card h1{letter-spacing:-.5px;margin:15px 0 13px;font-size:23px;font-weight:750;line-height:1.25}.map-job-handle{display:none}.map-trip-metrics{color:#887652;align-items:center;gap:13px;font-size:12px;display:flex}.map-trip-metrics strong{color:#a57518;letter-spacing:-1px;font-size:23px}.map-trip-metrics span:last-child{color:#574d3d;margin-left:auto}.map-job-note{color:#77664c;margin-top:9px;font-size:12px}.map-handover{border-top:1px solid #e7ddc9;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding-top:12px;font-size:12px;display:flex}.map-handover b{color:#a20e12;letter-spacing:1px;font-size:11px}.map-handover a{margin-left:6px;text-decoration:underline;display:inline-block}.map-job-actions{gap:9px;margin-top:16px;display:flex}.dispatch .map-job-actions>*{border-radius:11px;min-height:47px;padding:13px 16px;font-size:13px}.map-job-actions>button{flex:1}.map-disclaimer{color:#8b7c63;margin-top:11px;font-size:9px;line-height:1.5;display:block}.dispatch .map-sharing{color:#87671f;background:0 0;min-height:30px;padding:9px 0 0;font-size:11px;font-weight:600}.dispatch .map-close{color:#8e7c5c;background:0 0;width:28px;min-height:28px;padding:0;font-size:24px}.map-menu-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#29231055;justify-content:end;padding:20px;display:flex;position:absolute;inset:0}.map-account{background:#fffaf2;border-radius:20px;width:360px;max-width:100%;padding:25px;overflow:auto;box-shadow:0 10px 50px #29231955}.map-account h2{font-size:24px;font-weight:700}.map-account p{color:#7d6e55;margin:15px 0;font-size:12px;line-height:1.6}.map-account details{margin:20px 0;font-size:13px}.map-account summary{cursor:pointer}.map-account>.d-secondary{width:100%;font-size:13px}.customer-route-stats{background:#fff9ec;border-top:1px solid #e7dcc7;border-radius:0 0 13px 13px;justify-content:space-around;align-items:center;gap:20px;padding:22px 10px;display:flex}.customer-route-stats strong{letter-spacing:-1px;color:#9c721e;font-size:27px;line-height:1.3;display:block}.customer-route-stats small{text-transform:uppercase;letter-spacing:1px;color:#8b7a5d;font-size:10px}.tracking-live-label{color:#716348;align-items:center;gap:9px;margin:15px 0;font-size:12px;display:flex}.tracking-live-label i{background:#569957;border-radius:50%;width:7px;height:7px}.tracking-live-label.stale i{background:#b8a880}.customer-map-card{overflow:hidden;padding:0!important}.customer-map-card .gold-map{border:0;border-radius:0}.customer-map-card .map-tools{top:18px}.customer-map-card .map-failure{max-width:70%}.customer-map-card .tracking-live-label{margin:15px 22px}.customer-map-card .map-credit{font-size:9px}.d-countdown.compact{padding:5px 0 20px}.d-countdown.compact strong{font-size:50px}.d-countdown.compact p{font-size:12px}@keyframes routeFlow{to{stroke-dashoffset:-76px}}@keyframes burgerPulse{0%{opacity:.5;r:28}to{opacity:0;r:48}}@media (prefers-reduced-motion:reduce){.gold-route-flow,.burger-pulse{animation:none}.burger-marker{transition:none}}@media (max-width:720px){.driver-map-shell{min-height:480px}.map-topbar{left:15px;right:15px;top:max(15px,env(safe-area-inset-top))}.map-brand{border-radius:13px;padding:12px 15px;font-size:29px}.map-brand span{font-size:7px}.dispatch .map-online{padding:12px 16px;font-size:12px}.map-tools{top:105px;right:15px}.map-message-stack{top:105px;left:15px;right:75px}.map-toast{padding:10px;font-size:11px}.map-job-card{width:auto;max-width:none;left:12px;right:12px;bottom:max(25px,env(safe-area-inset-bottom));border-radius:20px;max-height:51svh;padding:10px 19px 13px}.map-job-card h1{margin:11px 0;font-size:20px}.map-job-handle{background:#dbcfb8;border-radius:4px;width:35px;height:4px;margin:0 auto 13px;display:block}.map-trip-metrics strong{font-size:21px}.map-handover{font-size:11px}.map-trip-metrics{gap:10px;font-size:11px}.dispatch .map-job-actions>*{padding:12px;font-size:12px}.map-idle-pill{padding:15px 18px;font-size:12px;bottom:40px}.gold-map{height:420px}.map-menu-scrim{padding:12px}.customer-route-stats strong{font-size:24px}}.demo-toolbar{color:#493812;z-index:20;background:#f7d777;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:44px;padding:10px 15px;font-size:11px;display:flex;position:relative}.demo-toolbar strong{letter-spacing:1px;font-size:10px}.demo-toolbar a{font-weight:700;text-decoration:underline}.dispatch .demo-toolbar button{color:#fff6d9;background:#493812;min-height:28px;padding:6px 12px;font-size:11px}.demo-driver-map .map-topbar{top:70px}.demo-driver-map .map-tools,.demo-driver-map .map-message-stack{top:154px}.customer-demo-bar{position:sticky;top:0}@media (max-width:600px){.demo-toolbar{gap:8px;font-size:10px}.demo-toolbar>span{display:none}.demo-driver-map .map-topbar{top:65px}.demo-driver-map .map-tools,.demo-driver-map .map-message-stack{top:148px}}.dispatch .driver-review-card textarea{box-sizing:border-box;color:#302723;width:100%;font:inherit;resize:vertical;background:#fffcf6;border:1px solid #d4c5ae;border-radius:10px;padding:12px}.dispatch .driver-review-card h2{margin:10px 0}.dispatch .driver-review-card select{margin-bottom:8px}.dispatch .driver-review-card .d-actions{flex-wrap:wrap}
