.dispatch{--primary:#087d55;--primary-foreground:#fff;color:#10344a;max-width:1440px}.dispatch header b{color:#087d55}.dispatch header nav{display:flex;gap:24px;align-items:center}.dispatch header nav a{font-size:14px}.dispatch-title{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:30px 0}.dispatch-title h1{font-size:36px;letter-spacing:-1px}.dispatch .eyebrow{color:#087d55}.dispatch-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.dispatch-workspace>aside,.dispatch-detail{background:#fff;border:1px solid #dce6e5;border-radius:12px;padding:24px;min-width:0}.dispatch-workspace>aside h2{font-size:20px}.job-row{display:block;width:100%;text-align:left;border-bottom:1px solid #e2e9e9;padding:16px 8px;cursor:pointer}.job-row>*{display:block}.job-row span{font-size:14px}.job-row small{font-size:12px;line-height:1.5;color:#536e80}.job-row.selected{background:#eef7f1}.dispatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}.dispatch label{color:#23465a}.dispatch input,.dispatch select,.dispatch textarea{background:#fff;min-width:0;color:#10344a;border-color:#bccdcc}.dispatch textarea{min-height:86px}.dispatch .route-editor{border:1px solid #ccdeda;border-radius:10px;padding:18px;margin:20px 0}.dispatch legend{font-weight:700;padding-inline:8px}.dispatch summary{cursor:pointer;font-weight:700;margin:16px 0}.dispatch details{padding:8px 0;border-top:1px solid #e1e9e7}.dispatch button{white-space:normal;min-height:44px;height:auto}.dispatch-message{padding:14px 18px;background:#e9f4ee;border-radius:8px;color:#123e2c;overflow-wrap:anywhere}.dispatch .job-heading{display:flex;gap:16px;justify-content:space-between;align-items:start}.arrival-box{padding:22px;border:1px solid #d1dedc;background:#f2f6f6;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.arrival-box div{min-width:0}.arrival-box small,.arrival-box strong{display:block}.arrival-box strong{font-size:23px;line-height:1.35;letter-spacing:-.5px}.arrival-box>p{grid-column:1/-1;margin:0;font-size:13px}.arrival-box.early{background:#e5f5eb;border-color:#7cc799}.arrival-box.early strong{color:#12663a}.arrival-box.risk{background:#fff5df;border-color:#e6c16f}.arrival-box.late{background:#fff0ef;border-color:#e7a8a2}.arrival-box.unknown strong{color:#456171}.delay-note{background:#fff4df;border-left:4px solid #bd841b;padding:14px 18px;border-radius:6px;margin:14px 0}.route-summary{border:1px solid #dce6e5;padding:18px;border-radius:8px;margin:12px 0}.dispatch .quiet{font-size:13px;color:#526e7b}.events li{padding:16px 0;border-bottom:1px solid #e0e9e7}.events small{font-size:12px;color:#536a77}.events p{margin:6px 0}.dispatch a{color:#006e4d}.dispatch .actions{align-items:center}.dispatch .actions a{font-size:14px;font-weight:600;text-decoration:underline}.dispatch .dispatch-detail>h3{margin-top:32px}.dispatch .arrival-box+ h3{margin-top:22px}@media(max-width:950px){.dispatch-workspace{grid-template-columns:220px minmax(0,1fr)}.dispatch-workspace>aside,.dispatch-detail{padding:18px}}@media(max-width:760px){.dispatch-workspace{grid-template-columns:1fr}.dispatch-workspace>aside{max-height:250px;overflow:auto}.dispatch-grid{grid-template-columns:1fr}.dispatch-title{align-items:start}.dispatch-title h1{font-size:29px}.dispatch-title p{font-size:14px}.dispatch header{flex-wrap:wrap;gap:14px}.arrival-box{grid-template-columns:1fr}.arrival-box strong{font-size:22px}.dispatch .job-heading{flex-wrap:wrap}}

.completion-panel{margin-top:32px;padding-top:28px;border-top:1px solid #dce4df}.completion-panel h3{margin-top:8px}.completion-panel fieldset{min-width:0;border:0;padding:0}.completion-panel legend{font-weight:700;margin:12px 0}.billing-line{display:grid;grid-template-columns:1fr 150px auto;gap:12px;align-items:end}.billing-line button{margin-bottom:16px}.billing-totals{display:flex;flex-wrap:wrap;gap:28px;padding:20px;margin:20px 0;background:#edf5f1;border-radius:12px}.billing-totals span{display:grid;gap:4px}.report-issued,.report-finalise{padding:20px;margin:20px 0;background:#f8faf8;border:1px solid #dce4df;border-radius:12px}.completion-checkbox{display:flex!important;align-items:flex-start;gap:10px;line-height:1.5}.completion-checkbox input{width:18px;height:18px;margin-top:3px;flex:none}.completion-panel .actions a{overflow-wrap:anywhere}.completion-feedback{padding:12px 0;line-height:1.5}@media(max-width:600px){.billing-line{grid-template-columns:1fr 110px}.billing-line button{grid-column:1/-1;justify-self:start}.billing-totals{gap:20px}.report-issued,.report-finalise{padding:16px}}

*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:#123746;font:16px/1.55 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}a{color:#007a57}button{cursor:pointer;background:#007b57;color:white;border:1px solid transparent;border-radius:7px;padding:11px 17px;font-weight:650}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d19b26;outline-offset:3px}input,select,textarea{display:block;width:100%;border:1px solid #a8bfc6;border-radius:6px;padding:10px;background:white;color:#153846}input:focus,textarea:focus,select:focus{outline:2px solid #008968;outline-offset:1px}input[type=checkbox]{width:auto;display:inline-block}label{display:block;font-size:14px;font-weight:650;margin:16px 0}label input,label select,label textarea{margin-top:6px;font-weight:400}.staff-brand{font-size:26px;font-weight:800;text-decoration:none;color:#123746;white-space:nowrap}.staff-brand strong{color:#00855b}.staff-login{max-width:500px;margin:8vh auto;padding:24px}.staff-login section{margin:26px 0;padding:28px;background:white;border:1px solid #d6e1e4;border-radius:12px;box-shadow:0 12px 30px #183e4a09}.staff-login h1{font-size:30px;margin:6px 0}.staff-login form>button{width:100%}.staff-login details{margin-top:26px;font-size:14px}.staff-kicker{color:#007b57;letter-spacing:.12em;font-size:12px;font-weight:700}.staff-hint{font-size:14px;color:#496671}.staff-error,.staff-global-error{color:#9c2727;white-space:pre-wrap}.staff-global-error{max-width:1250px;margin:20px auto;padding:14px 20px;background:#fff1ef;border:1px solid #dfb9b4;border-radius:8px}.staff-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px 4%;border-bottom:1px solid #d5e1e4;background:white}.staff-nav nav{display:flex;gap:5px;flex-wrap:wrap}.staff-nav nav button{background:transparent;color:#153b4c;padding:8px 12px}.staff-nav nav button[aria-current]{background:#e1f2eb;color:#006749}.staff-nav>span{font-size:14px}.website-staff .dispatch>header{display:none}.staff-settings{max-width:1040px;margin:32px auto;padding:0 24px}.staff-settings h1{font-size:30px;margin-bottom:6px}.staff-settings h2{font-size:19px;margin:0}.staff-invite,.staff-invite-result{padding:24px;background:white;border:1px solid #d5e1e4;border-radius:10px;margin:24px 0}.staff-invite-result input{margin:16px 0}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.staff-accounts article{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid #d0dde2}.staff-accounts p{margin:6px 0;overflow-wrap:anywhere}.staff-accounts span{font-size:14px;color:#506973}.staff-account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.staff-account-actions button{background:white;border:1px solid #b7cbd1;color:#164153;font-size:14px}.password-settings{max-width:540px}.staff-button.outline,.staff-button.ghost{background:white;border-color:#a9c1c8;color:#164153}.staff-button.destructive{background:#a62d2d}.dispatch button{white-space:normal}.dispatch input,.dispatch textarea,.dispatch select{min-width:0}.dispatch .actions{display:flex;flex-wrap:wrap;gap:12px}.dispatch .dispatch-detail>a[href='/']{display:none}.dispatch input[readonly]{font-size:14px}.dispatch .quiet,.dispatch .events small{font-size:14px}@media(max-width:650px){.staff-login{margin:20px auto;padding:18px}.staff-login section{padding:22px}.staff-nav{padding:15px}.staff-nav nav{order:3;width:100%;gap:2px}.staff-nav nav button{font-size:14px;padding:8px}.staff-grid{grid-template-columns:1fr;gap:0}.staff-settings{padding:0 18px}.staff-settings h1{font-size:26px}.staff-account-actions{width:100%}.staff-account-actions button{flex:1}.dispatch{padding:18px!important}}
/* Desktop booking: all primary fields and the selected route share one view. */
.website-staff .dispatch{margin:0 auto;padding:18px 24px;max-width:1680px}
.route-editor[hidden]{display:none}.route-tabs{display:flex;gap:5px;flex-wrap:wrap}.route-tabs button{background:#edf4f2;color:#174638}.route-tabs button[aria-pressed=true]{background:#007b57;color:white}
.booking-heading h2{margin:0}.booking-heading p,.booking-routes>p{margin:4px 0 12px;color:#506973;font-size:13px}.booking-routes h3{margin:0}.booking-submit{justify-content:flex-end}.booking-submit>span{font-size:13px;color:#506973;margin-right:auto}
@media(min-width:1100px){
.website-staff .staff-nav{padding:8px 24px;min-height:54px}.staff-nav .staff-brand{font-size:23px}.website-staff .dispatch.booking-open{padding-top:10px;padding-bottom:8px}
.booking-open .dispatch-title{margin:0 0 10px}.booking-open .dispatch-title h1{font-size:24px;letter-spacing:-.4px;margin:0}.booking-open .dispatch-title p{margin:2px 0;font-size:13px}.booking-open .dispatch-title .eyebrow{display:none}.booking-open>p:empty{display:none}
.booking-open .dispatch-workspace{grid-template-columns:175px minmax(0,1fr);gap:14px}.booking-open .dispatch-workspace>aside,.booking-open .dispatch-detail{padding:16px}.booking-open .dispatch-workspace>aside{max-height:calc(100vh - 155px);overflow:auto}.booking-open .dispatch-workspace>aside h2{font-size:16px;margin:0 0 12px}
.booking-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:22px}.booking-main>.dispatch-grid:first-child{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-open .dispatch-grid{gap:8px 12px}.booking-open label{font-size:12px;line-height:1.3;margin:5px 0}.booking-open input,.booking-open select,.booking-open textarea{font-size:13px;padding:7px 8px;margin-top:4px;min-height:34px;height:34px}.booking-open textarea{height:56px;min-height:56px;resize:vertical}.booking-open button{min-height:34px;font-size:13px;padding:7px 11px}.booking-open .booking-heading h2{font-size:19px}.booking-open .route-editor{padding:10px;margin:12px 0}.booking-open .route-editor .dispatch-grid{grid-template-columns:1fr}.booking-open .route-editor details{font-size:12px}.booking-open .route-editor details summary{margin:6px 0}.booking-open .booking-submit{border-top:1px solid #e0e9e5;padding-top:12px;margin-top:12px}.booking-open .dispatch-message{padding:8px 12px;margin:8px 0;font-size:13px}
}
@media(max-width:1099px){.booking-routes{margin-top:20px}.booking-submit>span{display:none}}
.job-pane[hidden]{display:none}.job-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #dbe5e3;padding-bottom:12px;margin-bottom:12px}.job-tabs button{background:#edf4f2;color:#164738}.job-tabs button[aria-pressed=true]{background:#007b57;color:#fff}.job-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#f5f8f9;padding:12px;border-radius:8px}.job-facts strong{font-size:12px;color:#506973}.job-facts p{margin:3px 0;font-size:14px;overflow-wrap:anywhere}.job-pane>h3{margin:12px 0}.job-pane .completion-panel{margin-top:0;padding-top:0;border-top:0}
@media(min-width:1100px){.website-staff .dispatch.job-open{padding:10px 24px}.job-open .dispatch-title{margin:0 0 10px}.job-open .dispatch-title h1{font-size:24px;margin:0;letter-spacing:-.4px}.job-open .dispatch-title p{font-size:13px;margin:2px 0}.job-open .eyebrow{font-size:12px;margin:0}.job-open .dispatch-title .eyebrow{display:none}.job-open>p:empty{display:none}.job-open .dispatch-workspace{grid-template-columns:175px minmax(0,1fr);gap:14px}.job-open .dispatch-workspace>aside,.job-open .dispatch-detail{padding:16px}.job-open .dispatch-workspace>aside{max-height:calc(100vh - 155px);overflow:auto}.job-open .dispatch-workspace>aside h2{font-size:16px;margin:0 0 12px}.job-open .job-heading h2{font-size:22px;margin:0}.job-open .job-heading p{margin:2px 0}.job-open .job-heading{margin-bottom:10px}.job-open button{font-size:13px;min-height:34px;padding:7px 11px}.job-open .arrival-box{padding:12px;margin:8px 0 12px;gap:6px 20px}.job-open .arrival-box strong{font-size:20px}.job-open .arrival-box p{font-size:12px}.job-open label{font-size:12px;margin:7px 0}.job-open input,.job-open select,.job-open textarea{font-size:13px;padding:7px 8px;margin-top:4px}.job-open textarea{min-height:54px;height:54px}.job-open .dispatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.job-open .dispatch-message{padding:8px 12px;margin:8px 0;font-size:13px}.job-open .delay-note{padding:8px 12px;margin:8px 0}.job-open .job-pane>p{font-size:13px;margin:8px 0}}
@media(max-width:760px){.job-facts{grid-template-columns:1fr 1fr}.job-tabs button{font-size:12px;padding:7px}}
@media(min-width:1100px){.job-open .job-pane label{margin:4px 0}.job-open .job-pane textarea{height:44px;min-height:44px}.job-open .job-pane .actions{gap:8px}.job-open .job-pane .dispatch-grid{gap:0 14px}}
/* A quieter, more visual operations workspace. */
body{background:#f2f5f4;color:#183d42;font-family:Arial,Helvetica,sans-serif}.website-staff{min-height:100vh}.staff-nav{box-shadow:0 2px 12px #143d3505}.staff-nav nav button{font-size:14px;border-radius:8px}.staff-person{display:flex;align-items:center;gap:8px;color:#4b6367}.staff-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5f0ea;color:#096d50;font-weight:700}.staff-nav .staff-brand{letter-spacing:-.7px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dispatch-title h1{font-size:30px;letter-spacing:-.8px;margin:0}.dispatch-title{margin:8px 0 20px}.dispatch-title p{font-size:14px;color:#617679;margin:5px 0}.dispatch-title .eyebrow{display:none}.dispatch-title>button{display:flex;align-items:center;gap:7px;box-shadow:0 3px 8px #007b5718}.dispatch-title>button>span{font-size:20px;line-height:1}.dispatch-workspace{gap:18px;grid-template-columns:235px minmax(0,1fr)}.dispatch-workspace>aside,.dispatch-detail{border-color:#dce6e2;box-shadow:0 3px 12px #1b433105;border-radius:14px}.dispatch-workspace>aside{padding:16px;background:#fbfcfb}.job-browser-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.job-browser-heading h2{font-size:16px;margin:0!important}.job-count{padding:2px 7px;border-radius:6px;background:#e9efed;font-size:12px;color:#49645b}.job-search,.job-filter{margin:8px 0!important}.job-browser input,.job-browser select{font-size:12px!important;padding:8px!important}.job-search input{background:white}.job-row{background:transparent!important;color:#183d42!important;border:1px solid transparent!important;border-radius:10px!important;padding:12px!important;margin:8px 0;text-align:left;transition:background .15s,border-color .15s}.job-row:hover{background:#eef5f1!important}.job-row.selected{background:#e8f4ed!important;border-color:#83b9a0!important;box-shadow:inset 3px 0 #087d55}.job-row>strong{font-size:11px;letter-spacing:.04em;color:#6b8079;font-weight:600}.job-row>span:not(.status-pill){font-size:14px;font-weight:700;margin:5px 0}.job-row>small{font-size:11px!important;margin-top:6px}.status-pill{display:inline-flex!important;width:fit-content;align-items:center;gap:5px;font-size:11px!important;font-weight:650!important;line-height:1.4;padding:3px 7px;border-radius:5px;background:#e9eef2;color:#395a6a!important;white-space:nowrap}.status-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.status-collected,.status-in_transit,.status-landed,.status-out_for_delivery{color:#126b91!important;background:#e5f2f8}.status-delivered{color:#0c714a!important;background:#e5f4e9}.status-delayed{color:#956216!important;background:#fff1d5}.status-cancelled{color:#7e4a4a!important;background:#f4e8e6}.empty-search{font-size:13px;color:#6a7c77;padding:12px 0}
.desk-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;color:#087d55;margin:0 0 9px}.desk-home h2{font-size:28px;letter-spacing:-.8px;margin:0}.desk-intro{color:#617679;font-size:14px;max-width:600px;margin:8px 0 24px}.desk-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.desk-metrics button{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;background:#f6f9f7;color:#1b403a;border:1px solid #e0e8e3;padding:17px;min-height:102px;box-shadow:none}.desk-metrics button:hover{border-color:#65a88c;background:#f0f8f2}.desk-metrics strong{grid-row:1;grid-column:1;font-size:32px;font-weight:700;line-height:1.1}.desk-metrics button>span:last-child{font-size:13px;color:#647a70;margin-top:6px}.metric-symbol{grid-row:1;grid-column:2;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e0f0e6;color:#187a53;font-size:21px}.metric-symbol.amber{background:#fff0d3;color:#9d6c16}.desk-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 10px}.desk-section-heading h3{font-size:16px;margin:0}.desk-section-heading>span{font-size:11px;color:#6c7c77}.upcoming-jobs>button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;color:#173f3c;width:100%;text-align:left;border:0;border-bottom:1px solid #e6ece8;border-radius:0;padding:14px 5px}.upcoming-jobs>button:hover{background:#f4f9f6}.upcoming-jobs strong,.upcoming-jobs small{display:block}.upcoming-jobs strong{font-size:15px;margin-top:4px}.upcoming-jobs small{font-size:11px;color:#687c75;font-weight:400}.upcoming-jobs>button>span:nth-child(2){margin-left:auto;text-align:right}.upcoming-jobs>button>span:last-child{color:#087d55}.desk-empty{text-align:center;background:#f6f9f7;border:1px dashed #cbded2;border-radius:12px;padding:24px}.desk-empty>span{display:inline-grid;place-items:center;border-radius:50%;width:38px;height:38px;background:#e3f1e8;color:#087d55;font-size:22px}.desk-empty h3{font-size:18px;margin:10px 0 3px}.desk-empty p{font-size:13px;color:#677d72;margin:0 0 15px}
.job-tabs{gap:3px;padding:4px;background:#f0f4f2;border:1px solid #e0e8e3;border-radius:9px}.job-tabs button{background:transparent;color:#63766c;border:0;padding:8px 12px!important}.job-tabs button[aria-pressed=true]{background:white;color:#086345;box-shadow:0 1px 5px #213c2514}.job-tabs button:hover{color:#086345;background:#f9fcfa}.job-facts{background:white;padding:0;gap:9px 18px}.job-facts>div{padding:7px 10px;background:#f6f8f7;border-left:2px solid #d9e8df;border-radius:4px}.job-facts strong{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.job-facts p{font-size:13px;line-height:1.4}.delivery-steps{display:flex;list-style:none;margin:10px 0 12px;padding:0;gap:0}.delivery-steps li{flex:1;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#718179;position:relative}.delivery-steps li:not(:last-child):after{content:'';height:1px;flex:1;background:#dce5df;margin:0 10px}.delivery-steps li>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid #d7e3db;background:#f6f8f6;flex:none}.delivery-steps li.reached{color:#087044}.delivery-steps li.reached>span{color:white;border-color:#078052;background:#078052}.arrival-box{background:#edf5f1;border-color:#d6e6dc}.arrival-box small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#63796e}.arrival-box strong{letter-spacing:-.3px}.job-heading>div>p:last-child{margin-top:5px}.dispatch input,.dispatch select,.dispatch textarea{border-color:#cbd8d1;border-radius:7px;transition:border-color .15s,box-shadow .15s}.dispatch input:focus,.dispatch select:focus,.dispatch textarea:focus{box-shadow:0 0 0 3px #07805212;outline:1px solid #087d55}.booking-routes{background:#f6f9f7;border:1px solid #e3ebe5;border-radius:10px;padding:12px}.booking-open .route-editor{background:white;border-color:#dbe6de}.booking-open .booking-heading{border-bottom:1px solid #e5ece7;margin-bottom:10px}.booking-heading h2{letter-spacing:-.3px}.booking-heading p{font-size:12px}.booking-submit>button{box-shadow:0 3px 8px #007b5718}.staff-settings>p{color:#617679}.staff-invite,.staff-invite-result{box-shadow:0 3px 12px #1b433105}.staff-accounts{display:grid;gap:10px}.staff-accounts article{background:white;border:1px solid #dde7e0;border-radius:10px;padding:18px}.staff-account-actions button{border-radius:7px}.password-settings form{padding:22px;background:white;border:1px solid #dde7e0;border-radius:12px}.staff-login section{box-shadow:0 10px 35px #123c3010;border-color:#dbe7df}.staff-login .staff-brand{letter-spacing:-.8px}
@media(min-width:1100px){.job-open .dispatch-workspace{grid-template-columns:220px minmax(0,1fr)}.job-open .job-facts p{font-size:12px}.job-open .job-facts>div{padding:6px 9px}.job-open .arrival-box{margin:8px 0 10px;padding:10px 12px}.job-open .job-pane>h3{font-size:15px;margin:10px 0 4px}.job-open .job-pane>p{margin:5px 0}.booking-open .booking-routes{padding:10px}.booking-open .booking-heading p{margin-bottom:8px}.booking-open .booking-heading{margin-bottom:8px}.booking-open .booking-main>label{margin-bottom:0}}
@media(max-width:760px){.dispatch-workspace{grid-template-columns:1fr}.desk-metrics{gap:7px}.desk-metrics button{padding:11px;min-height:90px}.desk-metrics strong{font-size:26px}.metric-symbol{width:26px;height:26px;font-size:17px}.desk-metrics button>span:last-child{font-size:11px}.desk-home h2{font-size:23px}.desk-section-heading{align-items:flex-start;flex-direction:column}.upcoming-jobs>button{gap:8px}.upcoming-jobs strong{font-size:13px}.delivery-steps li{font-size:10px;flex-direction:column;gap:4px;align-items:center;text-align:center}.delivery-steps li:after{display:none}.job-tabs button{font-size:12px}.staff-person{font-size:12px}.staff-avatar{width:26px;height:26px}.booking-routes{padding:12px}.staff-settings form{padding:16px}.job-facts{gap:8px}.desk-intro{font-size:13px}}
.sharing-note{padding:10px 13px;background:#edf6f0;border:1px solid #d8e7dc;border-radius:8px;margin-bottom:12px;font-size:12px;line-height:1.45}.sharing-note strong{color:#126543}.sharing-note p{margin:5px 0}.job-pane .sharing-note+label{margin-top:8px}
.dispatch .manual-toggle{display:flex;align-items:center;gap:9px;font-size:13px;margin:15px 0}.dispatch .manual-toggle input{width:17px;height:17px;min-height:17px;flex:none;margin:0;accent-color:#087d55}.manual-timing,.delay-controls{padding:12px 15px;border:1px solid #d9e5dd;border-radius:9px;background:#f5f8f6;margin:10px 0}.manual-timing h3{margin:0;font-size:16px}.delay-controls{background:#fff7e8;border-color:#ecdbb9}.timing-badge{font-size:12px;font-weight:700;color:#577468;margin-left:8px}.booking-ontime.dispatch-detail{border-color:#7db797;background:#f1faf4}.job-row.booking-ontime{border-left:3px solid #329369!important}.booking-late.dispatch-detail,.job-row.booking-late{border-color:#c66357!important;animation:dc-booking-alert 2.6s ease-in-out infinite}.booking-late .timing-badge{color:#a1382c}.job-row.booking-late{border-left:3px solid #b13e30!important}@keyframes dc-booking-alert{0%,100%{background-color:#fff6f3;box-shadow:0 0 0 1px #df9b90}50%{background-color:#f9dcd5;box-shadow:0 0 0 3px #c76151}}@media(prefers-reduced-motion:reduce){.booking-late.dispatch-detail,.job-row.booking-late{animation:none;background:#fce5df!important;box-shadow:0 0 0 2px #bd594c}}
/* Readable booking detail, with secondary timing information on demand. */
.job-open .dispatch-detail{padding:22px!important}.job-open .job-heading h2{font-size:26px}.job-open .job-heading{margin-bottom:18px}.job-open .job-heading .eyebrow{color:#52666a;font-size:12px}.job-open .status-pill{font-size:13px!important;padding:4px 8px}.job-open .timing-badge{font-size:13px}.job-open .job-tabs{background:transparent;border:0;border-bottom:1px solid #d6e0dc;border-radius:0;padding:0;margin-bottom:20px;gap:8px}.job-open .job-tabs button{border-radius:0;font-size:14px;min-height:42px;padding:10px 12px!important;color:#415756}.job-open .job-tabs button[aria-pressed=true]{background:transparent;box-shadow:inset 0 -3px #087d55;color:#075d43;font-weight:700}.booking-summary{font-size:16px;line-height:1.5}.booking-times{display:grid;grid-template-columns:1fr 1fr;gap:24px}.booking-times span{display:block;font-size:14px;color:#526762;margin-bottom:3px}.booking-times strong{font-size:23px;line-height:1.35;color:#173c3d}.time-zone-note{font-size:13px;color:#596e66;margin:8px 0 18px}.journey-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #dce7df;padding:18px 0}.journey-details h3,.booking-instructions h3{font-size:14px!important;color:#526762;margin:0 0 6px!important;font-weight:600}.journey-details p{margin:3px 0}.journey-details .address-primary{font-size:18px;font-weight:600;overflow-wrap:anywhere}.journey-details a{font-size:15px;text-decoration:underline;text-underline-offset:3px}.booking-instructions{padding:13px 0;border-top:1px solid #dce7df}.booking-instructions p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.courier-line{display:flex;gap:14px;align-items:baseline;padding:8px 0;font-size:14px}.courier-line>span{color:#526762}.technical-details{border-top:1px solid #dce7df;margin-top:12px;padding-top:12px;font-size:14px;line-height:1.5}.technical-details summary{cursor:pointer;color:#32594b;font-size:14px;font-weight:600}.technical-details>h3{font-size:15px}.job-open .job-row>span:not(.status-pill){font-size:16px}.job-open .job-row>small{font-size:12px!important}.job-open .job-browser input,.job-open .job-browser select{font-size:14px!important}.booking-ontime.dispatch-detail{background:#f7fcf8}.job-open .job-pane label{font-size:14px}.job-open .job-pane input,.job-open .job-pane select,.job-open .job-pane textarea{font-size:15px}.job-open .job-pane button{font-size:14px}.job-tabs button:focus-visible,.technical-details summary:focus-visible{outline:2px solid #087d55;outline-offset:3px}
@media(max-width:760px){.job-open .dispatch-detail{padding:16px!important}.booking-times{gap:14px}.booking-times strong{font-size:18px}.journey-details{grid-template-columns:1fr;gap:20px}.job-open .job-tabs{gap:0}.job-open .job-tabs button{font-size:13px;padding:9px!important}.job-open .job-heading h2{font-size:23px}}
@media(min-width:1100px){.job-open .dispatch-detail{padding:16px 22px!important}.job-open .job-heading{margin-bottom:10px}.job-open .job-tabs{margin-bottom:12px}.time-zone-note{margin-bottom:12px}.journey-details{padding:12px 0}.booking-instructions{padding:10px 0}.technical-details{margin-top:6px;padding-top:8px}.job-open .dispatch-title>div>p{display:none}}