/* lager-scannen.css — Scannen im Lager (public/lager-scannen.js). Handy zuerst (390 × 844): ein Bildschirm, eine Aufgabe,
   große Ziele für den Daumen. Farben nur aus farben.css. */
.ls-buehne { display: flex; flex-direction: column; gap: 16px; }
.ls-kamera { position: relative; width: 100%; max-width: 480px; max-height: 46vh; margin: 0 auto; aspect-ratio: 1; border-radius: 20px;
  overflow: hidden; background: var(--primaer); }
.ls-video { width: 100%; height: 100%; object-fit: cover; display: block; }
.ls-rahmen { position: absolute; inset: 22% 10%; border: 3px solid var(--auf-primaer); border-radius: 16px; pointer-events: none;
  box-shadow: 0 0 0 999px color-mix(in srgb, var(--primaer) 45%, transparent); }
.ls-ohne-kamera { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  padding: 24px; text-align: center; color: var(--auf-primaer); font-size: 1rem; }
.ls-ohne-kamera b { font-size: 1.25rem; }
.ls-tipp { text-align: center; color: var(--text-leise); margin: 0; font-size: 1rem; }
.ls-karte { background: var(--karte); border-radius: 16px; padding: 16px 20px; }
.ls-karte h2 { margin: 0; font-size: 1.35rem; line-height: 1.25; }
.ls-unter { margin: 6px 0 0; color: var(--text-leise); font-size: .95rem; }
.ls-code { font-family: ui-monospace, Menlo, monospace; letter-spacing: .04em; word-break: break-all; }
.ls-aufgaben { display: grid; gap: 10px; }
.ls-aufgaben .bs-knopf-leise { min-height: 56px; font-size: 1.05rem; justify-content: center; }
.ls-menge { display: flex; align-items: stretch; gap: 10px; }
.ls-menge-knopf { flex: none; width: 64px; min-height: 56px; border-radius: 14px; border: 1px solid var(--rand); background: var(--karte);
  color: var(--text); font-size: 1.6rem; font-weight: 600; cursor: pointer; }
.ls-menge-knopf:active { background: var(--hintergrund); }
.ls-menge .ls-menge-zahl { flex: 1; min-width: 0; text-align: center; font-size: 1.5rem; font-weight: 700; min-height: 56px; }
.ls-haken-liste { display: flex; flex-direction: column; background: var(--karte); border-radius: 16px; overflow: hidden; }
.ls-haken { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 10px 16px; border-bottom: 1px solid var(--rand); cursor: pointer; }
.ls-haken:last-child { border-bottom: none; }
.ls-haken[hidden] { display: none; }
.ls-haken input { width: 24px; height: 24px; flex: none; accent-color: var(--akzent); }
.ls-haken-text { display: flex; flex-direction: column; }
.ls-haken-text small { color: var(--text-leise); font-size: .85rem; }
.ls-wahl-liste { display: flex; flex-direction: column; background: var(--karte); border-radius: 16px; overflow: hidden; }
.ls-wahl { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-height: 64px; padding: 12px 16px; border: none;
  border-bottom: 1px solid var(--rand); background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.ls-wahl:last-child { border-bottom: none; }
.ls-wahl:active { background: var(--hintergrund); }
.ls-wahl b { font-size: 1.05rem; }
.ls-wahl span { color: var(--text-leise); font-size: .9rem; }