/* Isolated Quick Dispatch layer — no overrides to existing Orders pages. */
.quick-dispatch{width:min(780px,100%);margin-inline:auto;display:grid;gap:16px;color:var(--ink)}
.quick-header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-block:6px}
.quick-header h1{margin:0 0 4px;font-size:clamp(22px,2.4vw,28px);color:var(--ink-strong)}
.quick-header p{margin:0;color:var(--ink-soft);font-size:13px}
.quick-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:20px;display:grid;gap:16px;min-width:0}
.quick-card[hidden],.quick-dispatch [hidden]{display:none}
.quick-card h2{font-size:16px;margin:0;color:var(--ink-strong)}
.quick-file{margin:0;min-height:134px;position:relative;border:1.5px dashed var(--line-strong);background:var(--surface-subtle);border-radius:var(--radius-lg);padding:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;cursor:pointer}
.quick-file:hover,.quick-file.is-dragover{border-color:var(--blue-600)}
.quick-file strong{font-size:15px;color:var(--ink-strong)}
.quick-file small,.quick-date small{font-size:12px;color:var(--ink-soft)}
.quick-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.quick-file:focus-within{outline:2px solid var(--blue-600);outline-offset:2px}
.quick-date{margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}
.quick-date input{max-width:200px;min-height:40px}
.quick-summary{margin:0;font-size:13px;color:var(--ink-soft)}
.quick-review-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}
.quick-review-heading strong{font-size:13px}
.quick-bulk,.quick-print-buttons,.quick-finish-actions{display:flex;gap:8px;flex-wrap:wrap}
.quick-store-list{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;max-height:390px;overflow-y:auto}
.quick-store-row{display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line-soft)}
.quick-store-row:last-child{border-bottom:0}
.quick-store-row>span{min-width:0;display:grid;gap:2px;font-weight:650}
.quick-store-row small{font-size:11px;color:var(--ink-soft);font-weight:400;overflow:hidden;text-overflow:ellipsis}
.quick-store-row select{min-height:40px;width:100%;min-width:0}
.quick-confirm{border-top:1px solid var(--line-soft);padding-top:14px;display:grid;gap:8px}
.quick-confirm h2{margin:0;font-size:14px}
.quick-confirm p,.quick-card>p{margin:0;color:var(--ink-soft);font-size:13px}
.quick-confirm .button{justify-self:start;min-height:44px}
.quick-confirm small{font-size:12px;color:var(--ink-soft)}
.quick-issues{font-size:12px;border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px}
.quick-issues summary{cursor:pointer;font-weight:650}
.quick-issues ul{margin:8px 0 0;padding-inline-start:22px}
.quick-issues li[data-severity="error"]{color:var(--ux-danger)}
.quick-state{font-size:13px;padding:10px 12px;border-radius:var(--radius-lg);background:var(--surface-subtle);color:var(--ink-soft)}
.quick-state[hidden]{display:none}
.quick-state[data-kind="error"]{color:var(--ux-danger);border:1px solid var(--ux-danger)}
.quick-state[data-kind="warning"]{color:var(--ink);border:1px solid var(--line-strong)}
.quick-state .button{margin-inline-start:8px}
.quick-print-buttons .button{min-width:170px;min-height:44px}
@media(max-width:760px){.quick-dispatch{gap:10px}.quick-card{padding:13px;gap:12px}.quick-header{flex-wrap:wrap;padding-block:4px}.quick-header .button{margin-inline-start:auto}.quick-bulk{width:100%}.quick-review-heading{flex-wrap:wrap}.quick-store-row{grid-template-columns:minmax(0,1fr) 148px;padding:9px;gap:8px}.quick-date input{max-width:172px}.quick-print-buttons{display:grid;grid-template-columns:1fr 1fr}.quick-print-buttons .button{min-width:0}.quick-confirm .button{width:100%;justify-content:center}}
@media(max-width:410px){.quick-print-buttons{grid-template-columns:1fr}.quick-store-row{grid-template-columns:minmax(0,1fr) 135px}}


/* Quick Dispatch compact dispatch pills and printable A4 matrix preview */
.quick-store-row{grid-template-columns:minmax(0,1fr) 82px 186px}
.quick-store-identity{min-width:0}
.quick-store-row > .quick-store-cartons{display:flex;align-items:baseline;justify-content:center;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.quick-store-cartons strong{font-size:16px;color:var(--ink-strong)}
.quick-store-cartons small{font-size:10px}
.quick-dispatch-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface-subtle)}
.quick-dispatch-pill{min-height:38px;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font-size:13px;font-weight:650;transition:background-color .12s,color .12s}
.quick-dispatch-pill:hover:not(:disabled){background:var(--surface)}
.quick-dispatch-pill.is-selected{color:var(--ink-strong);background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.15)}
.quick-dispatch-pill.is-selected:focus-visible,.quick-dispatch-pill:focus-visible{outline:2px solid var(--blue-600);outline-offset:1px}
.quick-stage-progress{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px;display:grid;align-items:center;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:13px}
.quick-stage-progress[hidden]{display:none}
.quick-progress-wheel{width:18px;height:18px;border-radius:100%;border:2px solid var(--line-strong);border-top-color:var(--blue-600);animation:quick-turn .8s linear infinite}
@keyframes quick-turn{to{transform:rotate(360deg)}}
.quick-stage-progress progress{grid-column:1/-1;display:block;width:100%;height:7px;accent-color:var(--blue-600)}
.quick-dispatch.is-matrix-preview{width:min(1200px,100%)}
.quick-matrix-preview{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.quick-matrix-preview[hidden]{display:none}
.quick-preview-toolbar{display:flex;gap:8px 12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.quick-preview-size{display:flex;gap:10px;align-items:center;margin:0;font-size:12px}
.quick-preview-size input{width:clamp(120px,18vw,220px);accent-color:var(--blue-600)}
.quick-preview-size output{min-width:38px;font-weight:700;font-variant-numeric:tabular-nums}
.quick-preview-actions{display:flex;gap:6px;flex-wrap:wrap}
.quick-preview-actions .button{min-height:38px}
.quick-preview-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-subtle)}
.quick-preview-scroll iframe{width:100%;min-width:297mm;height:min(75vh,760px);display:block;border:0}
.order-print-matrix-size{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;font-size:12px}
.order-print-matrix-size[hidden]{display:none}
.order-print-matrix-size input{width:clamp(125px,22vw,250px);accent-color:var(--blue-600)}
.order-print-matrix-size output{font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:760px){.quick-store-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.quick-store-cartons{justify-content:end}.quick-dispatch-segment{grid-column:1/-1}.quick-preview-toolbar{align-items:stretch}.quick-preview-actions{width:100%}.quick-preview-size{width:100%;justify-content:space-between}.quick-preview-size input{flex:1;min-width:80px}.quick-preview-actions .button{flex:1;min-width:85px}}


/*
 * Dispatch assignment: one row per store. The name is the primary identifier,
 * the ID sits below it, and cartons occupy their own separate compact cell.
 * Use logical spacing and inherited text direction for Hebrew / Arabic RTL.
 * The full list grows with its contents, with no nested scrollbar.
 */
.quick-dispatch:has([data-quick-review]:not([hidden])){width:min(780px,100%)}
.quick-dispatch [data-quick-review] .quick-store-list{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  height:auto;
  max-height:none;
  overflow:visible;
  border:0;
  border-radius:0;
}
.quick-dispatch [data-quick-review] .quick-store-row,
.quick-dispatch [data-quick-review] .quick-store-row:last-child{
  display:grid;
  grid-template-columns:minmax(0,1fr) 94px 174px;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:68px;
  padding:10px 12px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
}
.quick-dispatch [data-quick-review] .quick-store-identity{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:start;
  gap:3px;
  min-width:0;
}
.quick-dispatch [data-quick-review] .quick-store-name{
  display:block;
  max-width:100%;
  font-size:15px;
  line-height:1.35;
  font-weight:750;
  color:var(--ink-strong);
  overflow-wrap:anywhere;
}
.quick-dispatch [data-quick-review] .quick-store-code{
  display:block;
  max-width:100%;
  font-size:12px;
  line-height:1.2;
  font-weight:500;
  color:var(--ink-soft);
  unicode-bidi:isolate;
}
.quick-dispatch [data-quick-review] .quick-store-row > .quick-store-cartons{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  white-space:nowrap;
  min-width:0;
  padding:6px 4px;
  border-radius:var(--radius-md);
  background:var(--surface-subtle);
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.quick-dispatch [data-quick-review] .quick-store-cartons strong{
  font-size:14px;
  line-height:1.2;
  font-weight:750;
  color:var(--ink-strong);
}
.quick-dispatch [data-quick-review] .quick-store-cartons small{
  display:block;
  font-size:11px;
  line-height:1.25;
  font-weight:400;
  color:var(--ink-soft);
}
.quick-dispatch [data-quick-review] .quick-dispatch-segment{min-width:0;grid-column:auto}
.quick-dispatch [data-quick-review] .quick-dispatch-pill{min-height:40px;font-size:13px}
.quick-review-file{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.quick-review-filename{font-size:12px;font-weight:550;color:var(--ink-soft);overflow-wrap:anywhere;min-width:0}
.quick-review-date{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.quick-review-date .ui-control{width:min(190px,60%);min-height:40px}
@media(max-width:600px){
  .quick-dispatch [data-quick-review] .quick-store-row,
  .quick-dispatch [data-quick-review] .quick-store-row:last-child{
    grid-template-columns:minmax(0,1fr) 82px;
    gap:9px;
    padding:10px 11px;
  }
  .quick-dispatch [data-quick-review] .quick-dispatch-segment{grid-column:1/-1}
  .quick-dispatch [data-quick-review] .quick-dispatch-pill{min-height:44px}
}

/* Matrix scope and row-order pill switches; no dropdown or nested scrolling. */
.quick-preview-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));align-items:center;gap:8px;flex:1 1 480px;min-width:0}
.quick-preview-setting{min-width:0;margin:0;padding:0}
.quick-preview-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface-subtle);min-width:0}
.quick-preview-setting:last-child .quick-preview-pills{grid-template-columns:repeat(2,minmax(0,1fr))}
.quick-preview-pill{min-width:0;min-height:40px;padding:7px 9px;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:12px;font-weight:650;line-height:1.25;cursor:pointer;text-align:center;overflow-wrap:break-word;transition:background-color .12s,color .12s}
.quick-preview-pill:hover:not(.is-selected){background:var(--surface)}
.quick-preview-pill.is-selected{color:var(--ink-strong);background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.14)}
.quick-preview-pill:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px;position:relative;z-index:1}
@media(max-width:830px){
 .quick-preview-settings{grid-template-columns:minmax(0,1fr);width:100%;flex-basis:100%}
 .quick-preview-pill{min-height:44px}
}
@media(max-width:420px){
 .quick-preview-pill{padding:7px 5px;font-size:11px}
}