.work-index{grid-template-columns:.7fr 1.1fr 1.1fr}.dispatch-layout{display:grid;grid-template-columns:.75fr 1.4fr;gap:64px;align-items:center}.dispatch-story .owner-message{margin-bottom:24px}.dispatch-story .agent-message{margin-top:23px}.dispatch-story .agent-message strong{font-size:12px}.dispatch-story .agent-message p{font-size:13px;line-height:1.85}.dispatch-story .agent-message img{width:34px;height:34px;border-radius:50%;object-fit:cover}.dispatch-story .agent-message small{display:block;color:#77776d;font-size:10px;margin-top:7px}.dispatch-story .demo-note{margin-top:26px;line-height:1.8}.dispatch-window{background:#f6f5ef;border:1px solid #c4c1b7;border-radius:14px;overflow:hidden;box-shadow:0 16px 45px #2425220c;min-width:0}.dispatch-top{background:#282b2a;color:#f4eee5;padding:19px 23px;display:flex;justify-content:space-between;gap:18px;align-items:center}.dispatch-top p{font-size:9px;letter-spacing:.1em;color:#c2ae90;margin-bottom:5px}.dispatch-top h3{font-size:19px;letter-spacing:-.4px;font-weight:600}.dispatch-status{display:flex;gap:7px;align-items:center;font-size:10px;border:1px solid #607879;color:#d6eeea;border-radius:20px;padding:7px 10px;white-space:nowrap}.dispatch-status i{width:6px;height:6px;border-radius:50%;background:#8bd0c0}.dispatch-progress{display:flex;gap:20px;list-style:none;padding:17px 23px;margin:0;border-bottom:1px solid #d5d2c8;flex-wrap:wrap}.dispatch-progress li{display:flex;align-items:center;gap:6px;font-size:10px;color:#536457}.dispatch-progress li span{font-size:11px}.dispatch-progress .pending{color:#8c632e}.driver-row{display:flex;align-items:center;gap:13px;padding:21px 23px}.driver-row img{width:51px;height:51px;border-radius:50%;object-fit:cover;border:2px solid #fff}.driver-row strong{display:block;font-size:14px;font-weight:650}.driver-row small{display:block;font-size:11px;color:#6b6c61;margin-top:4px}.driver-row .arrival{margin-left:auto;text-align:right}.arrival span{font-size:10px;color:#5e6d66}.arrival strong{font-size:24px;letter-spacing:-.8px;color:#2e664f;line-height:1.4}.arrival small{font-size:10px}.dispatch-map{position:relative;margin:0 14px;border:1px solid #d8d5c9;border-radius:8px;overflow:hidden;background:#eae9e3}.dispatch-map>img{display:block;width:100%;height:auto}.map-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f6f0;padding:7px 12px}.map-tools>span{font-size:9px;color:#727569}.map-tools>a{font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:flex;align-items:center;gap:8px}.map-tools>a:hover{color:#245f9b}.dispatch-update{padding:20px 23px 23px}.update-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.update-heading>strong{font-size:12px}.update-heading>span{font-size:9px;color:#8c632e}.dispatch-update>p{font-size:12px;line-height:1.85;margin-top:11px;color:#555b51}.dispatch-actions{display:flex;align-items:center;gap:20px;margin-top:18px;flex-wrap:wrap}.dispatch-actions .button{min-height:48px;font-size:11px;gap:30px;padding-inline:16px}.dispatch-actions .text-button{font-size:11px;min-height:48px;text-decoration:underline;text-underline-offset:4px}.dispatch-complete{font-size:12px;line-height:1.8;color:#275942;margin-top:12px}.dispatch-complete button{display:block;min-height:40px;text-decoration:underline;text-underline-offset:4px;font-size:11px}.dispatch-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px;padding:23px 0;border-top:1px solid var(--rule);font-size:12px}.dispatch-foot>p{color:#5c6257}.dispatch-foot>a{font-weight:650;text-decoration:underline;text-underline-offset:5px;min-height:48px;display:flex;align-items:center;gap:25px}.dispatch-dialog{max-width:640px;width:calc(100% - 40px);padding:0;background:#f5f2eb;color:#282b25;border:1px solid #b4a185;border-radius:12px;max-height:90dvh}.dispatch-dialog::backdrop{background:#1a1f22a8;backdrop-filter:blur(4px)}.dispatch-dialog .dialog-bar{background:#282b2a;color:#f7efe2;padding:12px 20px}.dispatch-dialog .dialog-bar strong{font-size:14px}.dispatch-dialog .dialog-bar button{color:#f7efe2}.dispatch-dialog-content{padding:25px;overflow:auto;max-height:calc(90dvh - 76px)}.dispatch-dialog-content h3{font-size:23px;line-height:1.35;letter-spacing:-.6px}.dispatch-dialog-content>.intro{font-size:12px;line-height:1.8;color:#736b5d;margin:9px 0 22px}.dispatch-dialog-content label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}.dispatch-dialog-content textarea{width:100%;min-height:150px;padding:16px;border:1px solid #a79c89;border-radius:6px;background:#fffcf7;color:#30352d;font:400 14px/1.8 Manrope,system-ui,sans-serif;resize:vertical}.dispatch-dialog-content textarea:focus-visible{outline:3px solid #a37945;outline-offset:3px}.dispatch-dialog-content .button{font-size:12px;margin-top:18px;min-height:48px}.dispatch-dialog-content .demo-note{font-size:10px;margin-top:12px;color:#777467;line-height:1.8}.customer-brand{font-size:11px;letter-spacing:.08em;color:#8a6943;margin-bottom:22px}.customer-arrival{background:#e6ece4;border:1px solid #c2d0bd;border-radius:8px;padding:19px 20px;margin-top:20px}.customer-arrival p{font-size:12px;color:#56624f}.customer-arrival strong{font-size:34px;font-weight:600;letter-spacing:-1px;color:#31513c;display:block;margin-top:4px}.customer-arrival small{font-size:11px;color:#677360}.customer-message{font-size:13px;line-height:1.9;border-top:1px solid #d2c9ba;margin-top:20px;padding-top:17px}.customer-map{margin-top:18px;width:100%;border:1px solid #d8d2c5;border-radius:7px}.customer-preview-badge{font-size:10px;color:#82663f;display:inline-block;margin-top:12px}.dispatch-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#253d34;color:#edf7ef;padding:15px 22px;border-radius:8px;font-size:12px;line-height:1.7;box-shadow:0 8px 30px #0003;z-index:25;border:1px solid #527a63}.dispatch-toast[hidden]{display:none}
@media(max-width:1100px){.dispatch-layout{gap:36px;grid-template-columns:.7fr 1.3fr}.dispatch-story .agent-message p{font-size:12px}.dispatch-progress{gap:12px;padding-inline:18px}.dispatch-progress li{font-size:9px}.dispatch-top,.driver-row,.dispatch-update{padding-inline:18px}.driver-row strong{font-size:13px}.arrival strong{font-size:23px}.work-index{grid-template-columns:.7fr 1fr 1fr}}
@media(max-width:800px){.dispatch-layout{grid-template-columns:1fr;gap:27px}.dispatch-story{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.dispatch-story .owner-message{grid-column:1/-1;margin:0}.dispatch-story .agent-message{margin:0}.dispatch-story .demo-note{grid-column:1/-1;margin:0}.work-index{grid-template-columns:1fr 1fr}.dispatch-window{max-width:720px;width:100%;margin:auto}.dispatch-progress li{font-size:10px}.dispatch-story .agent-message p{font-size:13px}.dispatch-story .agent-message img{width:30px;height:30px}}
@media(max-width:600px){.work-index{grid-template-columns:1fr}.dispatch-story{display:block}.dispatch-story .agent-message{margin-top:20px}.dispatch-story .demo-note{margin-top:18px}.dispatch-top{padding:18px 16px}.dispatch-top h3{font-size:17px}.dispatch-status{font-size:9px;padding:6px 8px}.dispatch-progress{gap:10px 15px;padding:14px 16px}.dispatch-progress li{font-size:9px}.driver-row{padding:18px 16px;gap:10px}.driver-row img{width:43px;height:43px}.driver-row strong{font-size:12px}.driver-row small{font-size:10px}.arrival strong{font-size:22px}.arrival span,.arrival small{font-size:9px}.dispatch-map{margin-inline:9px}.dispatch-map>img{aspect-ratio:1.52;object-fit:cover}.map-tools{flex-wrap:wrap;gap:2px 8px;padding:7px 9px}.map-tools>span{font-size:8px}.map-tools>a{font-size:9px}.dispatch-update{padding:18px 16px}.update-heading{gap:8px}.update-heading>strong{font-size:11px}.update-heading>span{font-size:8px}.dispatch-update>p{font-size:12px}.dispatch-actions{gap:4px 16px;margin-top:14px}.dispatch-actions .button{font-size:11px;gap:15px}.dispatch-actions .text-button{font-size:10px}.dispatch-foot{display:block;margin-top:24px;font-size:12px;padding-block:18px}.dispatch-foot>a{margin-top:8px}.dispatch-dialog{width:calc(100% - 20px)}.dispatch-dialog-content{padding:20px}.dispatch-dialog-content h3{font-size:21px}.dispatch-dialog-content textarea{font-size:13px}.dispatch-dialog-content .driver-row{padding-inline:0}.customer-arrival strong{font-size:30px}}
.dispatch-window{color:#282b25}.dispatch-story .agent-message small{color:#a4aa9b}.dispatch-foot{border-color:#45483e}.dispatch-foot>p{color:#bcc3b4}.dispatch-foot>a{color:#e0c39f}
.customer-map{height:auto}@media(max-width:600px){.dispatch-map>img{aspect-ratio:auto;object-fit:contain}}

.customer-map{height:auto}@media(max-width:600px){.dispatch-map>img{aspect-ratio:auto;object-fit:contain}}
