/* Kasse: Zählprotokoll und Kundenfotos */
.zaehlraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.zaehlfeld{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.zaehlfeld.muenze{background:var(--soft)}
.zaehlfeld span{font-weight:600;font-size:13px;font-variant-numeric:tabular-nums}
.zaehlfeld input{width:100%;min-width:0;text-align:right;font-variant-numeric:tabular-nums}
.zaehlfeld input.ungueltig{border-color:var(--err);background:#fdf1f0}
.zaehlfeld small{grid-column:1/-1;text-align:right;color:var(--ink2);font-size:11px;min-height:14px;font-variant-numeric:tabular-nums}
.kundenfotos{display:flex;flex-wrap:wrap;gap:10px}
.kundenfotos figure{margin:0;width:130px}
.kundenfotos .bild{display:block;width:130px;height:98px;border-radius:var(--r);border:1px solid var(--line);background:var(--soft) center/cover no-repeat;position:relative}
.kundenfotos .bild .weg{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;line-height:24px;padding:0}
.kundenfotos figcaption{font-size:11px;color:var(--ink2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kundenfotos .neu{width:130px;height:98px;border:1px dashed var(--line);border-radius:var(--r);background:var(--soft);cursor:pointer;color:var(--ink2);font:inherit;font-size:13px}
.chips.arten{margin-top:6px}
.lizenz-module{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 18px}.lizenz-module li.aus{color:var(--leise,#8a8172)}.lizenz-module li.an{font-weight:600}
.kasse-mehr{position:relative;display:inline-block}.kasse-mehr summary{list-style:none;cursor:pointer}.kasse-mehr summary::-webkit-details-marker{display:none}
.kasse-mehr>div{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:6px;z-index:15;display:flex;flex-direction:column;align-items:stretch;min-width:200px}
.kasse-mehr>div .btn{justify-content:flex-start}
.kamera-leiste{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kamera-leiste .kamera-wahl,.kamera-leiste .kamera-modus{margin-top:10px;width:auto;max-width:100%;height:38px}
/* Vollbild-Unterschrift für den Kunden (iPad / gedrehter Monitor) */
body.ks-offen{overflow:hidden}
.kunden-sig{position:fixed;inset:0;z-index:1000;background:#fff;display:grid;grid-template-rows:auto 1fr auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-size:17px}
.kunden-sig header{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--line)}
.kunden-sig header img{height:38px}
.kunden-sig header div{flex:1;display:flex;flex-direction:column;line-height:1.25}
.kunden-sig header b{font-family:var(--serif);font-size:20px}
.kunden-sig header span{color:var(--ink2);font-size:14px}
.ks-texte{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 22px;display:flex;flex-direction:column;gap:12px;background:var(--soft)}
.ks-hinweis{margin:0;color:var(--ink2)}
.ks-punkt{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1.5px solid var(--line);border-radius:var(--r-lg);background:#fff;cursor:pointer}
.ks-punkt input{position:absolute;opacity:0;pointer-events:none}
.ks-haken{flex:0 0 32px;height:32px;border:2px solid var(--line2);border-radius:8px;display:grid;place-items:center;margin-top:2px}
.ks-punkt input:checked+.ks-haken{background:var(--ok);border-color:var(--ok)}
.ks-punkt input:checked+.ks-haken::after{content:"✓";color:#fff;font-weight:700;font-size:20px}
.ks-punkt:has(input:checked){border-color:var(--ok);background:var(--ok-soft)}
.ks-punkt b{display:block;margin-bottom:4px}
.ks-text{display:block;white-space:pre-line;color:var(--ink2);font-size:15.5px;line-height:1.55}
.ks-unten{padding:14px 22px 18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.ks-satz{margin:0;font-weight:600}
.ks-feld{position:relative}
.ks-feld .sigfeld{height:min(30vh,260px)}
.ks-sperre{position:absolute;inset:0;display:grid;place-items:center;background:rgba(247,244,238,.88);border-radius:var(--r-lg);color:var(--ink2);text-align:center;padding:12px}
.kunden-sig.bereit .ks-sperre,.kunden-sig.nur-feld .ks-sperre{display:none}
.kunden-sig.nur-feld .ks-texte{display:none}
.kunden-sig.nur-feld .ks-feld .sigfeld{height:min(60vh,520px)}
.ks-knoepfe{display:flex;gap:10px;justify-content:flex-end}
.ks-knoepfe .primaer{min-width:240px}
/* Querformat (iPad quer, Monitor): Texte links, Unterschrift rechts */
@media (min-width:900px) and (orientation:landscape){
  .kunden-sig:not(.nur-feld){grid-template-columns:1.25fr 1fr;grid-template-rows:auto 1fr}
  .kunden-sig:not(.nur-feld) header{grid-column:1/-1}
  .kunden-sig:not(.nur-feld) .ks-unten{border-top:0;border-left:1px solid var(--line);justify-content:center}
  .kunden-sig:not(.nur-feld) .ks-feld .sigfeld{height:min(45vh,380px)}
}