/* Workload overview: one summary strip, one working queue, one brand breakdown.
   The canvas is split (available width - 24px gap) into 1fr + 240px. */
.dispatch { padding:4px 0 20px; }
.dispatch-heading { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px; }
.dispatch-heading h2 { font-size:28px;line-height:1.2;letter-spacing:-1px;color:var(--ink);font-weight:600;margin:0 0 10px; }
.dispatch-heading p { color:var(--secondary);font-size:12px;margin:0; }
.dispatch-heading .primary { flex:none; }
.dispatch-summary { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:28px; }
.dispatch-metric { position:relative;display:flex;align-items:flex-start;flex-direction:column;padding:20px 24px;gap:9px;background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;text-align:left;white-space:normal; }
.dispatch-metric:last-child { border-right:0; }
.dispatch-metric>span { font-size:12px;color:var(--secondary);font-weight:500; }
.dispatch-metric strong { font-size:34px;line-height:1;font-weight:500;letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums; }
.dispatch-metric small { color:var(--muted);font-size:11px;font-weight:400;line-height:1.5; }
.dispatch-metric:hover { background:#faf9f7; }
.dispatch-metric.selected:after { content:'';position:absolute;height:3px;background:var(--accent);bottom:0;left:24px;right:24px; }
.dispatch-layout { display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start; }
.dispatch-section-title { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:35px;margin-bottom:12px; }
.dispatch-section-title h3 { font-size:16px;font-weight:550;color:var(--ink);letter-spacing:-.3px;margin:0; }
.dispatch-section-title h3>span { font-size:12px;color:var(--muted);font-weight:400;margin-left:6px; }
.dispatch-section-title button { padding:5px 0;font-size:11px;color:var(--secondary); }
.dispatch-section-title svg { width:14px;height:14px; }
.dispatch-tabs { display:flex;gap:15px;align-items:center;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:14px; }
.dispatch-tabs button { position:relative;border:0;background:transparent;border-radius:0;font-size:11px;padding:9px 0 12px;white-space:nowrap;color:var(--secondary); }
.dispatch-tabs button>span { font-size:10px;color:var(--muted);margin-left:1px; }
.dispatch-tabs button[aria-selected=true] { color:var(--ink);font-weight:600; }
.dispatch-tabs button[aria-selected=true]:after { content:'';position:absolute;bottom:0;height:2px;background:var(--accent);left:0;right:0; }
.dispatch-rows { background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden; }
.dispatch-task { padding:16px 20px;border-bottom:1px solid var(--line); }
.dispatch-task:last-child { border-bottom:0; }
.dispatch-task-top { display:flex;justify-content:space-between;gap:16px;align-items:center; }
.dispatch-task-name { display:block;text-align:left;white-space:normal;background:transparent;border:0;padding:0;min-width:0; }
.dispatch-task-name:hover { background:transparent;border-color:transparent; }
.dispatch-task-name strong { display:block;font-size:13px;font-weight:550;color:var(--ink);line-height:1.5; }
.dispatch-task-name:hover strong { text-decoration:underline;text-underline-offset:3px; }
.dispatch-task-name>span { display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:4px; }
.dispatch-open { width:30px;height:30px;border:1px solid var(--line);padding:7px;background:transparent;color:var(--secondary);flex:none;border-radius:50%; }
.dispatch-open svg { width:14px;height:14px; }
.dispatch-task-scope { color:var(--secondary);font-size:11px;line-height:1.65;margin:10px 0; }
.dispatch-task-bottom { display:flex;align-items:center;gap:10px;justify-content:space-between; }
.dispatch-task-bottom .status-picker select { font-size:11px;padding-top:5px;padding-bottom:5px; }
.dispatch-date { color:var(--muted);font-size:11px; }
.dispatch-price { margin-left:auto;font-size:13px;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums; }
.dispatch-brand-list { background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden; }
.dispatch-brand { display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:16px 18px; }
.dispatch-brand:last-child { border-bottom:0; }
.dispatch-brand:hover { background:#fcfaf7; }
.dispatch-brand-heading { display:flex;justify-content:space-between;align-items:baseline;gap:10px; }
.dispatch-brand-heading b { color:var(--ink);font-size:12px;font-weight:550; }
.dispatch-brand-heading strong { color:var(--ink);font-size:13px;font-weight:500; }
.dispatch-brand-heading strong small { color:var(--muted);font-size:10px;font-weight:400; }
.dispatch-brand-bar { height:4px;border-radius:4px;background:#f0efed;display:block;overflow:hidden;margin:10px 0; }
.dispatch-brand-bar i { display:block;background:#d5a079;height:100%;border-radius:4px; }
.dispatch-brand-detail { display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:400; }
.dispatch-brand-detail svg { width:12px;height:12px; }
.dispatch-scope-value { margin-top:18px;padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:12px; }
.dispatch-scope-value>span { display:block;color:var(--secondary);font-size:11px; }
.dispatch-scope-value>strong { display:block;color:var(--ink);font-size:24px;letter-spacing:-.5px;font-weight:500;font-variant-numeric:tabular-nums;margin:9px 0; }
.dispatch-scope-value>small { color:var(--muted);font-size:11px;line-height:1.6;display:block; }
.dispatch-history { display:flex;justify-content:space-between;width:100%;margin-top:16px;background:transparent;border:0;padding:0;text-align:left;white-space:normal; }
.dispatch-history b { display:block;color:var(--secondary);font-size:12px;font-weight:500; }
.dispatch-history small { color:var(--muted);font-size:11px;display:block;margin-top:5px; }
.dispatch-more { width:100%;margin-top:12px;padding:12px;font-size:12px; }
.dispatch-empty { padding:34px 22px;text-align:center; }
.dispatch-empty>svg { color:#758d7b;width:24px;height:24px; }
.dispatch-empty h3 { font-size:16px;color:var(--ink);margin:12px 0 8px; }
.dispatch-empty p { color:var(--muted);font-size:12px;line-height:1.7; }
.dispatch-empty button { margin-top:10px;font-size:11px; }
.dark .dispatch-metric:hover,.dark .dispatch-brand:hover { background:#363739; }
.dark .dispatch-brand-bar { background:#414244; }
@media(min-width:1450px) { .dispatch-layout { grid-template-columns:minmax(0,1fr) 300px;gap:28px; }.dispatch-task { padding:18px 24px; } }
@media(max-width:1000px) { .dispatch-layout { grid-template-columns:minmax(0,1fr) 215px;gap:16px; }.dispatch-tabs { gap:10px; }.dispatch-section-title h3 { font-size:15px; }.dispatch-section-title button { font-size:10px; }.dispatch-task { padding:15px; }.dispatch-metric { padding:18px; } }
@media(max-width:760px) { .dispatch-heading { align-items:flex-start; }.dispatch-heading h2 { font-size:24px; }.dispatch-heading .primary { padding:8px 10px;font-size:11px; }.dispatch-heading p { font-size:12px;line-height:1.6; }.dispatch-summary { margin-bottom:22px; }.dispatch-metric { padding:16px 12px; }.dispatch-metric strong { font-size:29px; }.dispatch-metric>span { font-size:11px; }.dispatch-metric small { font-size:11px; }.dispatch-metric.selected:after { left:12px;right:12px; }.dispatch-layout { grid-template-columns:1fr; }.dispatch-tabs button { min-height:44px;font-size:12px; }.dispatch-section-title button { font-size:12px; }.dispatch-task { padding:18px; }.dispatch-task-name strong { font-size:14px; }.dispatch-task-name>span,.dispatch-task-scope { font-size:12px; }.dispatch-task-bottom .status-picker select { min-height:34px;font-size:12px; }.dispatch-brand { padding:18px; }.dispatch-brand-heading b { font-size:14px; }.dispatch-brand-detail { font-size:12px; }.dispatch-open { width:40px;height:40px; }.dispatch-brands { margin-top:10px; } }
@media(max-width:760px) { .dispatch-metric small { display:none; }.dispatch-summary { margin-bottom:18px; }.dispatch-metric { gap:10px;padding-top:16px;padding-bottom:18px; } }