/* ============================================================
   ERFASSEN (Runde 2, 06.09.2026): Einstiegs-Sheet und Kamera-Ansicht
   Basis-Regeln fuer .scan-* stehen in app.css; hier nur die neuen Bausteine.
   ============================================================ */
.cap-big{justify-content:flex-start;text-align:left;min-height:64px;padding:10px 16px;gap:14px}
.cap-big+.cap-big{margin-top:10px}
.cap-big svg{width:24px;height:24px;flex-shrink:0}
.cap-big span{display:flex;flex-direction:column;gap:2px;min-width:0}
.cap-big b{font-size:var(--fs-body)}
.cap-big small{font-weight:400;font-size:var(--fs-caption);opacity:.8;line-height:1.35;white-space:normal}
.cap-tips{margin:16px 0 0;padding:0 0 0 18px;font-size:var(--fs-small);color:var(--ink-2);line-height:1.5}
.cap-tips li+li{margin-top:4px}
/* Kamera: Rueckseiten-Schalter oben rechts, Auslassen-Knopf rechts unten */
.scan-backsw{margin-left:auto;display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;
  background:rgba(0,0,0,.42);border-radius:999px;padding:4px 6px 4px 12px}
.scan-backsw .sw-toggle{width:44px;height:26px;background:rgba(255,255,255,.35)}
.scan-backsw .sw-toggle::after{width:20px;height:20px;top:3px;left:3px;background:#fff}
.scan-backsw .sw-toggle[aria-pressed="true"]{background:#7ee0a1}
.scan-backsw .sw-toggle[aria-pressed="true"]::after{transform:translateX(18px)}
.scan-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;min-width:76px}
.scan-skip{border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.35);color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;padding:0 10px;min-height:32px;cursor:pointer;white-space:nowrap}
.scan-shutter[disabled]{opacity:.5}

/* Der Rahmen schneidet nichts mehr ab (erfassen.js scanGrab nimmt das ganze Kamerabild auf) —
   er ist nur noch eine Hilfe zum Ausrichten. Deshalb duenner, heller und ohne dunkle Maske aussen. */
.scan .scan-frame{box-shadow:none}
.scan .scan-frame i{border-width:2px;border-color:rgba(255,255,255,.6)}
.scan .scan-mask::after{content:'Ganzes Teil ins Bild';position:absolute;left:50%;bottom:8px;transform:translateX(-50%);
  font:600 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75);
  text-shadow:0 1px 3px rgba(0,0,0,.55);pointer-events:none}