.route-day-workspace{margin:20px 0;padding:24px;background:var(--card,#171717);border:1px solid var(--line,#333);border-radius:0}.operations-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.operations-heading h2,.operations-heading h3{margin:0 0 8px}.operations-heading p{margin:0;color:var(--muted,#aaa);line-height:1.5}.operations-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.operations-actions .btn{border-radius:var(--control-radius,10px)}.operations-content{margin-top:24px;padding-top:20px;border-top:1px solid var(--line,#333)}.operations-close{text-align:right;margin-bottom:12px}.operations-note{font-size:.85rem;line-height:1.5;color:var(--muted,#aaa);margin:16px 0 0}.operations-urgent label{display:grid;gap:8px;margin:20px 0 16px}.operations-urgent select{width:100%;max-width:100%;min-width:0}.operations-failure{margin-top:20px;padding-top:20px;border-top:1px solid var(--line,#333)}.operations-log{margin-top:20px}.operations-log summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.operations-log ol{padding-left:22px}.operations-log li{padding:10px 0}.operations-log li>*{display:block;line-height:1.6}.operations-log li span{font-size:.875rem;color:var(--muted,#aaa)}.operations-playback{min-width:0}.operations-playback output{font-size:1.8rem;font-variant-numeric:tabular-nums;font-weight:bold}.playback-map{background:var(--bg,#050505);margin:20px 0;border:1px solid var(--line,#333)}.playback-map svg{display:block;width:100%;height:auto;max-height:440px}.playback-path{fill:none;stroke:#ff2e2e;stroke-width:2.5;stroke-opacity:.8;stroke-linecap:round;stroke-linejoin:round}.playback-map [data-playback-truck]{fill:none;stroke:none;color:var(--text,#fff)}.playback-truck-body{fill:var(--collection-color,var(--bg,#050505));stroke:var(--bg,#050505);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}.playback-truck-wheel{fill:var(--bg,#050505);stroke:var(--text,#fff);stroke-width:1.15;vector-effect:non-scaling-stroke;stroke-linejoin:round}.playback-truck-detail{fill:none;stroke:var(--bg,#050505);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.playback-truck-accent{fill:none;stroke:var(--bg,#050505);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linecap:round}.playback-map [data-playback-truck] text{fill:var(--text,#fff);stroke:var(--bg,#050505);stroke-width:2.5;paint-order:stroke;font:500 18px Arial;letter-spacing:.5px}.playback-depot-building{fill:var(--bg,#050505);stroke:var(--muted,#aaa);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round}.playback-depot text{fill:var(--muted,#aaa);font:16px Arial}.playback-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.playback-controls label{display:grid;gap:6px}.playback-controls select{min-height:44px}.playback-scrub{display:grid;gap:10px;margin:22px 0}.playback-scrub input{width:100%;min-height:44px;accent-color:var(--action,#ff2e2e)}.playback-fleet>div{display:grid;grid-template-columns:1fr 1.5fr 1fr 1.2fr;gap:12px;padding:12px 0;border-top:1px solid var(--line,#333);font-size:.85rem;align-items:center;font-variant-numeric:tabular-nums}.dispatch-options article{padding:18px 0;border-top:1px solid var(--line,#333)}.dispatch-options h4{margin:0 0 14px;line-height:1.5}.dispatch-options dl{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 14px}.dispatch-options dt{font-size:.8rem;color:var(--muted,#aaa);margin-bottom:5px}.dispatch-options dd{margin:0;font-weight:bold;font-variant-numeric:tabular-nums}.route-unload-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line,#333)}.route-unload-settings label{display:grid;gap:8px}.route-unload-stop{margin:16px 0;padding:16px;border:1px solid var(--line,#333)}.route-unload-stop h4{margin:0 0 8px}.route-unload-stop p{line-height:1.5}.route-unload-stop .btn{margin-top:10px}.operations-urgent p,.dispatch-preview p{line-height:1.55}.route-unload-list li{margin-bottom:8px;line-height:1.5}
@media(max-width:640px){.route-day-workspace{padding:18px 14px}.operations-heading{display:block}.operations-heading .tag{display:inline-block;margin-top:12px}.operations-actions{display:grid;grid-template-columns:1fr}.operations-actions .btn{width:100%}.playback-fleet>div{grid-template-columns:1fr 1fr;gap:8px}.playback-fleet>div span:last-child{text-align:right}.playback-controls{display:grid;grid-template-columns:1fr 1fr}.playback-controls label{grid-column:1/-1}.route-unload-settings{grid-template-columns:1fr}.dispatch-options dl{gap:14px}.operations-playback .operations-heading{display:flex}.operations-playback output{font-size:1.5rem}.operations-urgent .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.playback-map *{transition:none!important}}

.playback-legend{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:0 0 24px;font-size:.85rem;line-height:1.5}.playback-legend li,.playback-vehicle-id{display:flex;align-items:center;gap:8px}.playback-material-swatch{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%;background:var(--collection-color);outline:1px solid var(--line,#333)}.playback-fleet b{min-width:0;overflow-wrap:anywhere}.playback-fleet b small{display:block;font-size:.8rem;font-weight:normal;line-height:1.5;margin-top:4px;color:var(--muted,#aaa)}

.playback-truck-leader{fill:none;stroke:var(--text,#fff);stroke-opacity:.65;stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke}

.playback-key{border-block:1px solid var(--line);padding:14px 0 4px;margin:14px 0 22px}.playback-key>p{display:flex;gap:10px;align-items:center;font-size:12px;margin:0 0 16px;color:var(--text)}.playback-key h4{font-size:12px;font-family:Arial,sans-serif;letter-spacing:0;font-weight:600;text-transform:none;margin:0 0 12px}.playback-route-swatch{width:28px;height:3px;flex:none;background:#ff2e2e;border-radius:2px}.playback-key .playback-legend{margin-bottom:10px}