/* Dispatch Simplify (plans/dispatch-simplify.md, Oct 23 2026): big Dispatch button, plain Actions menu, grace strip,
   Edit Route on the Drive Order map (PC only). Colors come from the theme variables so Light and Dark match. */
.command .ds-dispatch { display: inline-flex; align-items: center; gap: 6px; background: var(--blue); color: #fff; border-color: var(--blue); font-weight: 700; }
.command .ds-dispatch[disabled] { opacity: .5; cursor: default; }
.command .ds-dispatch .ico { width: 16px; height: 16px; }
.command .ds-count { min-width: 20px; padding: 0 6px; border-radius: 10px; background: rgba(255,255,255,.25); font-size: 12px; line-height: 20px; text-align: center; font-variant-numeric: tabular-nums; }
.command .ds-menu > .act { display: flex; align-items: center; gap: 8px; width: 100%; }
.command .ds-more { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--line); }
.command .ds-more > summary { list-style: none; cursor: pointer; color: var(--muted); }
.command .ds-more > summary::-webkit-details-marker { display: none; }
.command .ds-more > summary::after { content: ' \25BE'; }
.command .ds-more[open] > summary::after { content: ' \25B4'; }
.command .ds-grace { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; border-left: 3px solid var(--blue); }
.command .ds-grace .ds-clock { font-variant-numeric: tabular-nums; }
.command .ds-going { display: inline-block; margin-left: 4px; font-size: 11px; font-weight: 700; color: var(--blue); white-space: nowrap; }
/* Edit Route */
.command .er-bar, .command .er-sel { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 8px; }
.command .er-tools { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.command .er-tools [data-er-tool].on { background: var(--blue); color: #fff; border-color: var(--blue); }
.command .er-sel { padding: 6px 8px; border: 1px solid var(--line); border-left: 3px solid var(--blue); }
.command .er-phone { display: none; margin: 0 0 8px; }
.command #map-panel.er-on #dispatch-map { cursor: crosshair; }
.route-pin.er-num { background: var(--blue) !important; outline: 2px solid #fff; }
.route-pin.er-dim { opacity: .45; }
.route-pin.er-picked { box-shadow: 0 0 0 3px var(--orange), 0 2px 6px rgba(0,0,0,.28); }
@media (max-width: 900px), (pointer: coarse) {
  .command .er-bar, .command .er-sel { display: none !important; }
  .command .er-phone { display: block; }
}
.command .ds-menu > .act .st { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; flex: none; }
.command .ds-more > summary.act { display: flex; align-items: center; height: 32px; padding: 0 10px; font-size: .82rem; font-weight: 650; }
/* Phones: the Actions menu (and its More fold) scrolls inside and stops above the fixed bottom menu + safe area (Oct 23 2026). --ds-room is set by JS from the menu's top. */
@media (max-width: 760px) {
  .command .actions-menu .ds-menu { max-height: var(--ds-room, calc(100dvh - 200px - env(safe-area-inset-bottom, 0px))); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
}