@media (max-width:760px) {
  .picking-settings-form,
  .picking-settings-form .card,
  .picking-settings-form label,
  .picking-settings-form input,
  .picking-settings-form select {
    min-width: 0;
    max-width: 100%;
  }
  .picking-settings-form { overflow-x: clip; }
}

.group-order-summary { margin: 7px 0; color: #64748b; }
.grouped-picking-line .picking-line-actions > strong { background: #f8fbfd; font-size: 17px; white-space: nowrap; }
.group-scanner { position: sticky; top: 64px; z-index: 7; }

.group-order-tabs {
  display: flex;
  gap: 8px;
  align-items: stretch;
  overflow-x: auto;
  padding: 8px 2px 12px;
  scrollbar-width: thin;
}
.group-order-tab,
.group-tab-arrow {
  min-width: 138px;
  min-height: 64px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff7cf;
  color: #1f2937;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  text-decoration: none;
  font-size: 18px;
}
.group-order-tab.active { background: #fff0ad; box-shadow: inset 0 -4px #0b84d8; }
.group-order-tab b { background: #f59e0b; color: #fff; border-radius: 999px; padding: 5px 9px; white-space: nowrap; }
.group-tab-arrow { min-width: 54px; justify-content: center; background: #fff; font-size: 32px; }
.grouped-picking-line img.image-loading { opacity: .35; background: #f1f5f9; }
.group-total-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:8px 0 12px; padding:13px 16px; border:1px solid #e6c75e; border-radius:9px; background:#fff0ad; font-size:18px; }
.group-total-bar b { padding:6px 10px; border-radius:999px; background:#f59e0b; color:#fff; white-space:nowrap; }
.garment-preparation-icon { width:150px; height:150px; padding:8px; border:1px solid #d8e1ea; border-radius:10px; background:#f8fafc; }
.packing-garment-block { display:block; margin-bottom:7px; color:#b42318; font-weight:700; }
.garment-preparation-line.complete { opacity:.62; }

@media (max-width:760px) {
  .packing-assistant-head p,
  .packing-assistant-head > .button { display: none; }
  .packing-assistant-head { position: static; margin-bottom: 2px; }
  .group-scanner {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
  }
  .picking-progress-card { display: none; }
  .group-total-bar { position:sticky; top:58px; z-index:6; min-height:34px; margin:0 -8px; padding:5px 10px; border-radius:0; font-size:13px; line-height:1.2; }
  .group-total-bar b { padding:3px 7px; font-size:12px; }
  .grouped-picking-lines { gap: 0; margin-top: 0; }
  .grouped-picking-line {
    grid-template-columns: minmax(128px, 46%) minmax(0, 1fr) !important;
    gap: 8px 12px;
    border-radius: 0;
    border-inline: 0;
    padding: 12px 0;
  }
  .grouped-picking-line > img,
  .grouped-picking-line > .picking-no-image,
  .grouped-picking-line > .garment-preparation-icon {
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
    object-fit: contain;
    align-self: start;
  }
  .grouped-picking-line > .picking-line-main { grid-column: 2; grid-row: 1; min-width: 0; }
  .grouped-picking-line h2 { font-size: clamp(19px, 5vw, 28px); line-height: 1.12; overflow-wrap: anywhere; }
  .grouped-picking-line .picking-product-meta { font-size: 16px; }
  .grouped-picking-line .group-order-summary { font-size: 13px; }
  .grouped-picking-line > .picking-line-actions {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid !important;
    grid-template-columns: 1fr minmax(94px, 1.35fr) 1fr 58px;
    gap: 0;
    margin-left: min(64px, 10vw);
  }
  .grouped-picking-line .picking-line-actions form,
  .grouped-picking-line .picking-line-actions button,
  .grouped-picking-line .picking-line-actions > strong { width: 100%; min-height: 58px; border-radius: 0; }
  .grouped-picking-line .picking-line-actions form:first-child button { border-radius: 8px 0 0 8px; }
  .grouped-picking-line .picking-line-actions form:last-child button { border-radius: 0 8px 8px 0; }
  body:has(.picking-lines) .rail {
    transition: transform .18s ease;
    will-change: transform;
  }
  html.collector-chrome-hidden body:has(.picking-lines) .rail {
    transform: translateY(-100%);
    pointer-events: none;
  }
  .group-total-bar { transition: top .18s ease; }
  html.collector-chrome-hidden .group-total-bar { top: 0; }
  .group-picking-finish {
    position: static !important;
    inset: auto !important;
    z-index: auto;
    margin: 18px 0 0;
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }
}