.qty-tile{border-radius:1rem;padding:.75rem;text-align:center;user-select:none;min-height:148px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.45),0 8px 20px rgba(0,0,0,.25)}
.qty-tile-label{font-size:.95rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.4rem}
.qty-stepper{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem}
.qty-stepper-btn{border:0;border-radius:.75rem;font-weight:900;font-size:2.1rem;line-height:1;min-height:64px;background:rgba(0,0,0,.22);color:inherit;cursor:pointer}
.qty-stepper-btn:active{transform:scale(.95)}
.qty-stepper-value{width:4.4rem;text-align:center;font-family:ui-monospace,monospace;font-weight:900;background:transparent;border:0;outline:none;font-size:2.15rem;line-height:1;color:inherit}
.qty-sky{background:#0ea5e9;color:#082f49}
.qty-violet{background:#8b5cf6;color:#1e1b4b}
.qty-amber{background:#f59e0b;color:#422006}
.qty-lime{background:#84cc16;color:#1a2e05}
.qty-orange{background:#f97316;color:#431407}
.qty-cyan{background:#22d3ee;color:#083344}
.qty-rose{background:#f43f5e;color:#4c0519}
.qty-yellow{background:#facc15;color:#422006}
.qty-teal{background:#14b8a6;color:#042f2e}
.qty-fuchsia{background:#d946ef;color:#4a044e}
.qty-green{background:#22c55e;color:#052e16}
.qty-indigo{background:#6366f1;color:#1e1b4b}
.qty-pink{background:#fb7185;color:#4c0519}
.qty-red{background:#ef4444;color:#450a0a}
.qty-stone{background:#a8a29e;color:#1c1917}
.ps-dash-qtys{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.ps-dash-qty{display:inline-flex;align-items:center;gap:.25rem;border-radius:.6rem;padding:.15rem .5rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.ps-qty-admin{margin-top:1rem}
.ps-qty-add{display:grid;gap:.75rem;margin-top:1rem}
.ps-qty-palette{display:flex;flex-wrap:wrap;gap:.4rem}
.ps-qty-swatch{width:2rem;height:2rem;border:0;border-radius:.55rem;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.ps-qty-swatch.is-on{outline:3px solid #fde047}
.qty-remove{margin-top:.4rem;border:0;border-radius:.5rem;padding:.25rem .5rem;background:rgba(0,0,0,.25);color:inherit;font-weight:700;cursor:pointer}
.ps-qty-card{margin-top:0}
.ps-qty-head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;color:inherit;cursor:pointer;padding:0}
.ps-qty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
@media (min-width:640px){.ps-qty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.ps-qty-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Order line rows — full-row status colours (warehouse / sunlight readable) */
.ps-line-picked{
  background:rgba(34,197,94,.28)!important;
  box-shadow:inset 0 0 0 3px rgba(74,222,128,.75),0 4px 14px rgba(0,0,0,.18)!important;
}
.ps-line-picked-no{
  background:rgba(6,95,70,.85)!important;
  color:#bbf7d0!important;
  box-shadow:inset 0 0 0 2px rgba(74,222,128,.65)!important;
}
.ps-line-partial{
  background:rgba(245,158,11,.2)!important;
  box-shadow:inset 0 0 0 2px rgba(251,191,36,.55)!important;
}
.ps-line-short{
  background:rgba(244,63,94,.18)!important;
  box-shadow:inset 0 0 0 2px rgba(251,113,133,.55)!important;
}
.ps-line-skipped{
  background:rgba(100,116,139,.22)!important;
  box-shadow:inset 0 0 0 2px rgba(148,163,184,.45)!important;
}