.dispatch-page{display:flex;flex-direction:column;gap:14px}
.dispatch-page h1{font-size:28px}
.dispatch-page .stats{margin:0}
.dispatch-list{display:flex;flex-direction:column;gap:12px}
.dispatch-card,.dispatch-handoff{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.dispatch-card.late{border-color:#e2c2a4;background:#fff7f0}
.dispatch-card h3,.dispatch-handoff h2{margin:8px 0 4px;font-size:18px}
.dispatch-lines,.dispatch-readout,.dispatch-counts{list-style:none;margin:10px 0 0;padding:0}
.dispatch-lines>li,.dispatch-counts>li,.dispatch-readout>li{padding:10px 0;border-top:1px solid var(--line);font-size:16px}
.dispatch-counts>li,.dispatch-readout>li{display:flex;justify-content:space-between;gap:12px}
.dispatch-readout{list-style:decimal;padding-left:22px}
.dispatch-readout>li{display:list-item}
.dispatch-spoken{margin:8px 0 0;font-size:18px;font-weight:700;color:#1a4e42}
.dispatch-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.dispatch-page .button.block{width:100%}
.dispatch-page .button{min-height:48px;font-size:16px;touch-action:manipulation;scroll-margin-bottom:96px}
.dispatch-card .stock-track{margin-top:8px}
.dispatch-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;margin-top:12px}
.dispatch-page input,.dispatch-page select{min-height:48px;font-size:16px;padding:12px 14px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;touch-action:manipulation}
button.dispatch-dash{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-height:64px;margin:0 0 16px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}
button.dispatch-dash strong{font-size:18px;color:#1a4e42}
.dispatch-dash-kicker{display:block;font-size:11px;letter-spacing:.4px;color:#6d7d72;text-transform:uppercase}
.dispatch-dash-today{font-size:15px;font-weight:700;color:#1a4e42}
button.dispatch-dash.late{border-color:#e2c2a4;background:#fff7f0}
button.dispatch-dash.late strong,button.dispatch-dash.late .dispatch-dash-today{color:#a8612d}
@media(max-width:640px){
.dispatch-page h1{font-size:26px}
.dispatch-card,.dispatch-handoff{padding:14px}
button.dispatch-dash{align-items:flex-start;flex-direction:column;gap:4px}
}