/* Scoped courier/customer workspace; reuse the site's brand tokens. */
.xtcd { --xtcd-green:var(--xtc-accent,#295c45); --xtcd-line:var(--xtc-line,#d8cebf); font-family:var(--xtc-font-sans,"Segoe UI",sans-serif); color:var(--xtc-ink,#1f2937); max-width:1140px; margin:32px auto; padding:clamp(16px,3vw,32px); line-height:1.55; }
.xtcd *, .xtcd *::before, .xtcd *::after { box-sizing:border-box; }
.xtcd h1 { font-size:clamp(28px,4vw,44px); line-height:1.15; letter-spacing:-.035em; margin:22px 0 16px; }
.xtcd h2 { font-size:22px; line-height:1.25; margin:8px 0 18px; }
.xtcd h3 { font-size:18px; margin:10px 0; }
.xtcd p { margin:10px 0 18px; }
.xtcd a { color:var(--xtcd-green); text-decoration:underline; text-underline-offset:3px; }
.xtcd .xtcd-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.xtcd-kicker { font-size:11px; font-weight:800; letter-spacing:.14em; color:var(--xtcd-green); }
.xtcd-lead { font-size:18px; max-width:760px; }
.xtcd-tiers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0; }
.xtcd-tiers article, .xtcd-panel, .xtcd-job { padding:24px; background:var(--xtc-surface,#fff); border:1px solid var(--xtcd-line); border-radius:16px; }
.xtcd-tiers article { display:flex; flex-direction:column; align-items:flex-start; }
.xtcd-tiers article button { margin-top:auto; }
.xtcd-tag { display:inline-block; background:#f1ece2; color:#295c45; border-radius:6px; padding:5px 8px; font-size:11px; font-weight:800; letter-spacing:.025em; }
.xtcd-tiers h2 { margin-top:18px; }
.xtcd-panel { margin:20px 0; }
.xtcd button, .xtcd .xtcd-button { display:inline-flex; align-items:center; justify-content:center; font:inherit; font-weight:650; font-size:14px; min-height:44px; padding:10px 16px; color:var(--xtcd-green); background:#fff; border:1px solid var(--xtcd-green); border-radius:9px; cursor:pointer; text-decoration:none; }
.xtcd button:hover, .xtcd .xtcd-button:hover { background:#f1f6f2; }
.xtcd button.xtcd-primary { color:#fff; background:var(--xtcd-green); }
.xtcd button:disabled { opacity:.55; cursor:wait; }
.xtcd :focus-visible { outline:3px solid #b57818; outline-offset:3px; }
.xtcd-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; }
.xtcd-field { display:flex; flex-direction:column; gap:7px; font-size:14px; font-weight:600; margin:10px 0; min-width:0; }
.xtcd input:not([type=checkbox]), .xtcd textarea, .xtcd select { width:100%; max-width:none; border:1px solid #a9a69f; border-radius:8px; padding:12px; background:#fff; color:#1f2937; font:inherit; font-size:16px; min-height:46px; }
.xtcd textarea { resize:vertical; }
.xtcd fieldset { border:0; border-top:1px solid var(--xtcd-line); padding:20px 0 10px; margin:22px 0; min-width:0; }
.xtcd legend { font-weight:750; padding-right:12px; }
.xtcd-check { display:flex; align-items:flex-start; gap:10px; margin:16px 0; font-size:14px; }
.xtcd-check input { flex-shrink:0; width:20px; height:20px; margin-top:3px; }
.xtcd-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:18px 0; }
.xtcd-notice { padding:16px; border-left:4px solid var(--xtcd-green); background:#edf4ee; border-radius:6px; margin:16px 0; }
.xtcd-notice[data-error=true] { border-color:#a23122; background:#fff0eb; }
.xtcd-pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.xtcd details > summary { cursor:pointer; min-height:44px; padding:8px 0; font-weight:650; }
.xtcd-job { margin:16px 0; overflow-wrap:anywhere; }
.xtcd-job dl { display:grid; grid-template-columns:minmax(110px,1fr) 3fr; gap:6px 14px; font-size:14px; }
.xtcd-job dt { color:#596270; }
.xtcd-job dd { margin:0; white-space:pre-wrap; }
.xtcd-quote { border:1px solid var(--xtcd-green); background:#f6faf6; padding:18px; border-radius:10px; margin:20px 0; }
.xtcd-price { font-size:30px; font-weight:800; color:var(--xtcd-green); }
.xtcd-map { width:100%; height:300px; border:0; border-radius:12px; }
.xtcd-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.xtcd [hidden] { display:none!important; }
.xtcd-work { margin:32px 0; }
.xtcd [data-xtcd-sync] { font-size:12px; color:#596270; }
@media(max-width:760px) { .xtcd { padding:16px; margin:16px auto; } .xtcd-tiers,.xtcd-grid { grid-template-columns:1fr; } .xtcd-tiers article,.xtcd-panel,.xtcd-job { padding:18px; } .xtcd-job dl { grid-template-columns:1fr; gap:3px; } .xtcd-job dd { margin-bottom:10px; } .xtcd-actions button { flex:1 1 140px; } }

/* The operational workspace has its own actions; fixed marketing CTAs must not cover them. */
.xtcd-page .xtc-mobile-bar { display:none!important; }
.xtcd form, .xtcd button, .xtcd [data-id] { scroll-margin-top:120px; scroll-margin-bottom:100px; }
html:has(body.xtcd-page) { scroll-behavior:auto; }

.xtcd-suggestions{display:grid;gap:4px;padding:6px;border:1px solid #aaa;background:#fff;color:#111}.xtcd-suggestions[hidden]{display:none}.xtcd-suggestions button{width:100%;text-align:left;white-space:normal;background:#f2f4f6;color:#111;padding:10px;border:0;border-radius:4px}.xtcd-suggestions button[aria-selected="true"],.xtcd-suggestions button:focus{background:#dbeafe;outline:2px solid #2563eb}.xtcd-field small{display:block;font-size:.85rem}

.xtcd-pin-panel{grid-column:1/-1;border:1px solid #bbb;border-radius:8px;padding:12px}.xtcd-pin-panel[hidden]{display:none}.xtcd-pin-map{height:300px;max-width:100%;isolation:isolate;background:#e8edf0}.xtcd-pin-map img{max-width:none!important}.xtcd-pin-panel>button{margin:4px}.xtcd-pin-panel p{font-size:.9rem}

.xtcd [data-xtcd-preview]{grid-column:1/-1}.xtcd-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.xtcd-roster .xtcd-panel{min-width:0;margin:0}.xtcd-roster p{overflow-wrap:anywhere}

/* Customer intake composition; operational manager/courier selectors are unchanged. */
.xtcd[data-xtcd-view=customer] { padding:0; }
.xtcd[data-xtcd-view=customer] .xtcd-intro { background:linear-gradient(110deg,var(--xtc-surface-2),#d9e3dc); padding:24px; border-radius:8px; }
.xtcd-booking-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr); gap:24px; align-items:start; }
.xtcd-booking-layout > * { min-width:0; }
.xtcd[data-xtcd-view=customer] .xtcd-tiers { grid-template-columns:repeat(2,minmax(0,1fr)); margin:12px 0; }
.xtcd-service-choice, .xtcd-details-heading { grid-column:1/-1; }
.xtcd[data-xtcd-view=customer] [data-xtcd-shipment] > .xtcd-grid > label:has([name$="_address"]) { grid-column:1/-1; }
.xtcd[data-xtcd-view=customer] .xtcd-tiers article { padding:16px; }
.xtcd[data-xtcd-view=customer] .xtcd-tiers h4 { font-size:18px; margin:8px 0; line-height:1.3; }
.xtcd[data-xtcd-view=customer] .xtcd-tiers button[aria-pressed=true] { background:var(--xtcd-green); color:white; }
.xtcd-promise, .xtcd-partnership-banner { background:var(--xtcd-green); color:white; padding:24px; border-radius:8px; margin:20px 0; }
.xtcd .xtcd-promise :is(h2,p), .xtcd .xtcd-partnership-banner :is(h2,p) { color:white; }
.xtcd-partnership-banner { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.xtcd-partnership-banner button { flex-shrink:0; background:var(--xtc-sand); }
.xtcd-process ol { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); padding-left:20px; gap:24px; }
@media(max-width:900px) { .xtcd-booking-layout { grid-template-columns:1fr; } .xtcd-process ol { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .xtcd[data-xtcd-view=customer] .xtcd-tiers { grid-template-columns:1fr; } .xtcd-partnership-banner { flex-direction:column; align-items:stretch; } .xtcd-process ol { grid-template-columns:1fr; } }
