.delivery-workspace {
  --delivery-bg: #fff;
  --delivery-text: #242424;
  --delivery-muted: #62605d;
  --delivery-accent: #c74600;
  --delivery-accent-bg: #fff0e5;
  --delivery-line: #ded9d3;
  --delivery-subtle: #f6f3ef;
  --delivery-danger: #9d2525;
  --delivery-success: #24663e;
  --delivery-arrival-bg: #edf7ef;
  --delivery-space-1: .5rem;
  --delivery-space-2: .75rem;
  --delivery-space-3: 1rem;
  --delivery-space-4: 1.5rem;
  --delivery-radius: 16px;
  --delivery-control: 44px;
  color: var(--delivery-text);
  margin-block: var(--delivery-space-4);
  font-size: .95rem;
  line-height: 1.5;
  min-width: 0;
}
.delivery-workspace * { box-sizing: border-box; }
.delivery-workspace [hidden] { display: none; }
.delivery-workspace h2, .delivery-workspace h3, .delivery-workspace p { margin: 0; }
.delivery-workspace h2 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); letter-spacing: -.03em; }
.delivery-workspace h3 { font-size: 1.05rem; }
.delivery-workspace button, .delivery-workspace input, .delivery-workspace select, .delivery-workspace textarea { font: inherit; }
.delivery-workspace button, .delivery-workspace input, .delivery-workspace select, .delivery-workspace textarea, .delivery-workspace summary { outline-offset: 4px; }
.delivery-workspace :focus-visible { outline: 2px solid var(--delivery-accent); }
.delivery-workspace__head, .delivery-workspace__toolbar, .delivery-workspace__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--delivery-space-2); }
.delivery-workspace__head { justify-content: space-between; margin-block-end: var(--delivery-space-3); }
.delivery-workspace__head p, .delivery-workspace__muted { color: var(--delivery-muted); font-size: .88rem; }
.delivery-workspace__eyebrow { display: block; color: var(--delivery-accent); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; margin-block-end: var(--delivery-space-1); }
.delivery-workspace__button { border: 1px solid var(--delivery-line); background: var(--delivery-bg); color: var(--delivery-text); border-radius: 10px; min-height: var(--delivery-control); padding: var(--delivery-space-1) var(--delivery-space-3); font-weight: 700; cursor: pointer; text-align: center; }
.delivery-workspace__button:hover { border-color: var(--delivery-accent); }
.delivery-workspace__button--primary { background: var(--delivery-text); color: var(--delivery-bg); border-color: var(--delivery-text); }
.delivery-workspace__button--accent { background: var(--delivery-accent); color: var(--delivery-bg); border-color: var(--delivery-accent); }
.delivery-workspace__button:disabled { opacity: .48; cursor: not-allowed; }
.delivery-workspace__notice { border: 1px solid var(--delivery-line); border-radius: 12px; background: var(--delivery-subtle); padding: var(--delivery-space-3); margin-block-end: var(--delivery-space-3); overflow-wrap: anywhere; }
.delivery-workspace__notice--error { background: #fff1f0; border-color: #e7b4af; color: var(--delivery-danger); }
.delivery-workspace__notice--success { color: var(--delivery-success); background: #edf7ef; }
.delivery-workspace__notice--pending { color: #805100; background: #fff7df; }
.delivery-workspace__orders { display: grid; gap: var(--delivery-space-3); }
.delivery-workspace__card, .delivery-workspace__panel { background: var(--delivery-bg); border: 1px solid var(--delivery-line); border-radius: var(--delivery-radius); padding: var(--delivery-space-3); min-width: 0; }
.delivery-workspace__card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--delivery-space-2); }
.delivery-workspace__card h3 { overflow-wrap: anywhere; }
.delivery-workspace__badge { display: inline-flex; border-radius: 99px; padding: .2rem .65rem; font-size: .72rem; line-height: 1.5; font-weight: 800; background: var(--delivery-subtle); color: var(--delivery-muted); white-space: nowrap; }
.delivery-workspace__badge--active { color: var(--delivery-success); background: #edf7ef; }
.delivery-workspace__badge--paused, .delivery-workspace__badge--blocked { color: #805100; background: #fff7df; }
.delivery-workspace__badge--failed { color: var(--delivery-danger); background: #fff1f0; }
.delivery-workspace__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--delivery-space-2); margin-block: var(--delivery-space-3); }
.delivery-workspace__metric { padding: var(--delivery-space-2); background: var(--delivery-subtle); border-radius: 10px; }
.delivery-workspace__metric span { color: var(--delivery-muted); display: block; font-size: .73rem; }
.delivery-workspace__metric strong { display: block; font-size: 1.4rem; line-height: 1.3; font-variant-numeric: tabular-nums; }
.delivery-workspace__progress { display: block; width: 100%; height: .4rem; accent-color: var(--delivery-accent); margin-block-end: var(--delivery-space-3); }
.delivery-workspace__details { display: grid; gap: .25rem; margin-block: var(--delivery-space-3); }
.delivery-workspace__details p { font-size: .8rem; color: var(--delivery-muted); overflow-wrap: anywhere; }
.delivery-workspace__ref { font-size: .72rem; color: var(--delivery-muted); overflow-wrap: anywhere; }
.delivery-workspace__panel { margin-block-start: var(--delivery-space-4); }
.delivery-workspace__field { display: flex; flex: 1 1 145px; min-width: 0; flex-direction: column; gap: .3rem; color: var(--delivery-text); font-size: .8rem; font-weight: 700; }
.delivery-workspace__field input, .delivery-workspace__field select, .delivery-workspace__field textarea { width: 100%; min-width: 0; min-height: var(--delivery-control); border: 1px solid var(--delivery-line); border-radius: 8px; background: var(--delivery-bg); color: var(--delivery-text); padding: var(--delivery-space-1) var(--delivery-space-2); font-size: .9rem; font-weight: 400; }
.delivery-workspace__field textarea { min-height: 90px; resize: vertical; }
.delivery-workspace__filters { display: flex; flex-wrap: wrap; gap: var(--delivery-space-2); align-items: end; margin-block: var(--delivery-space-3); }
.delivery-workspace__table-wrap { overflow-x: auto; border: 1px solid var(--delivery-line); border-radius: 10px; }
.delivery-workspace__table { border-collapse: collapse; width: 100%; font-size: .82rem; margin: 0; }
.delivery-workspace__table th, .delivery-workspace__table td { padding: var(--delivery-space-2); border-block-end: 1px solid var(--delivery-line); text-align: start; vertical-align: top; }
.delivery-workspace__table th { background: var(--delivery-subtle); font-size: .73rem; text-transform: none; letter-spacing: 0; white-space: nowrap; }
.delivery-workspace__table td { min-width: 110px; max-width: 260px; overflow-wrap: anywhere; }
.delivery-workspace__table td:first-child { min-width: 180px; }
.delivery-workspace__lead-cards { display: grid; gap: var(--delivery-space-2); }
.delivery-workspace__lead-card { border: 1px solid var(--delivery-line); border-radius: 10px; padding: var(--delivery-space-2); }
.delivery-workspace__lead-card summary { cursor: pointer; min-height: var(--delivery-control); padding: .35rem; font-weight: 700; }
.delivery-workspace__data { margin-block: var(--delivery-space-2); display: grid; gap: var(--delivery-space-1); }
.delivery-workspace__data div { border-block-end: 1px solid var(--delivery-line); padding-block-end: var(--delivery-space-1); }
.delivery-workspace__data dt { font-weight: 700; font-size: .75rem; color: var(--delivery-muted); }
.delivery-workspace__data dd { margin: 0; overflow-wrap: anywhere; font-size: .85rem; }
.delivery-workspace__desktop { display: none; }
.delivery-workspace__live { color: var(--delivery-success); font-size: .8rem; }
.delivery-workspace__row--new { background: var(--delivery-arrival-bg); }
.delivery-workspace__disposition { min-inline-size: 150px; display: grid; gap: var(--delivery-space-1); }
.delivery-workspace__save-state { color: var(--delivery-muted); font-size: .75rem; }
.delivery-workspace__sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.delivery-workspace__pagination { display: flex; justify-content: flex-end; gap: var(--delivery-space-2); margin-block-start: var(--delivery-space-3); }
.delivery-workspace__empty { text-align: center; padding: var(--delivery-space-4); color: var(--delivery-muted); }
.delivery-workspace__dialog { border: 1px solid var(--delivery-line); border-radius: var(--delivery-radius); background: var(--delivery-bg); color: var(--delivery-text); margin: auto; padding: var(--delivery-space-4); width: min(640px, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; }
.delivery-workspace__dialog::backdrop { background: rgba(0, 0, 0, .55); }
.delivery-workspace__form { display: grid; gap: var(--delivery-space-3); }
.delivery-workspace__form-row { display: flex; flex-wrap: wrap; gap: var(--delivery-space-2); }
.delivery-workspace__fieldset { min-width: 0; border: 1px solid var(--delivery-line); border-radius: 10px; padding: var(--delivery-space-3); display: grid; gap: var(--delivery-space-2); }
.delivery-workspace__fieldset legend { font-size: .85rem; font-weight: 800; padding-inline: var(--delivery-space-1); }
.delivery-workspace__day { display: inline-flex; align-items: center; gap: .3rem; min-height: var(--delivery-control); font-size: .85rem; }
.delivery-workspace__check { display: flex; gap: var(--delivery-space-1); align-items: flex-start; font-size: .85rem; }
.delivery-workspace__check input { margin-block-start: .3rem; }
.delivery-workspace__operation { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--delivery-space-2); border-block-end: 1px solid var(--delivery-line); padding-block: var(--delivery-space-2); align-items: center; }
.delivery-workspace__operation > div { min-width: 0; overflow-wrap: anywhere; }
.delivery-workspace__operation p { font-size: .8rem; overflow-wrap: anywhere; }
@media (min-width: 680px) {
  .delivery-workspace__orders { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .delivery-workspace__card, .delivery-workspace__panel { padding: var(--delivery-space-4); }
  .delivery-workspace__desktop { display: block; }
  .delivery-workspace__mobile { display: none; }
}
@media (min-width: 1200px) {
  .delivery-workspace__metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: no-preference) {
  .delivery-workspace__button { transition: border-color .15s, background-color .15s; }
}