.checkpoint-scanner{--x-pad:16px;box-sizing:border-box;width:min(96vw,520px);max-height:94vh;max-height:94dvh;padding:18px;background:var(--panel,#18181B);color:var(--ink,#F2F4F8);border:1px solid var(--gold,#C9A468);border-radius:18px;overflow:auto;font-family:Heebo,Arial,sans-serif}.checkpoint-scanner::backdrop{background:#000c}.checkpoint-scanner .checkpoint-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkpoint-scanner h2{font-size:20px;margin:0}.checkpoint-scanner button{font:inherit;font-size:16px;min-height:44px;padding:10px;border:1px solid #C9A468;border-radius:9px;background:var(--mf-surface-1,#18181B);color:#F2F4F8;cursor:pointer}.checkpoint-scanner button:disabled{opacity:.6;cursor:default}.checkpoint-scanner [hidden]{display:none!important}.checkpoint-frame{position:relative;background:var(--mf-well,#000);border:2px solid #C9A468;border-radius:12px;margin-top:16px;overflow:hidden;aspect-ratio:1}.checkpoint-frame video{width:100%;height:100%;object-fit:contain;max-height:none}.checkpoint-actions{display:flex;flex-wrap:wrap;gap:10px}.checkpoint-scanner [data-scan-message]{min-height:3em;line-height:1.6}.checkpoint-scanner [data-state=error]{color:#ffb4ab}.checkpoint-scanner [data-state=success]{color:#9fe2bc}.checkpoint-scanner [data-state=warning]{color:#f0d18b}.checkpoint-scanner [data-scan-torch][aria-pressed=true]{background:#C9A468;color:var(--mf-on-accent,#18181B);border-color:#C9A468}.checkpoint-scanner.light-only .checkpoint-actions{justify-content:center}.checkpoint-scanner.light-only [data-scan-torch]{font-size:20px;min-height:64px;padding:16px 28px;flex:1 1 auto;max-width:320px;margin:0 auto}
.checkpoint-frame::after{content:"";position:absolute;inset:15%;border:3px solid #c9a468;border-radius:18px;pointer-events:none;box-shadow:0 0 0 100px #0003}.checkpoint-scanner .checkpoint-heading h2{min-width:0;flex:1;line-height:1.35;overflow-wrap:normal}.checkpoint-scanner .checkpoint-heading button{flex-shrink:0}.checkpoint-scanner [data-scan-action]{flex:1;background:#c9a468;color:var(--mf-on-accent,#17171a);font-weight:700;min-height:52px}.checkpoint-scanner button:focus-visible{outline:3px solid #edcf99;outline-offset:3px}.checkpoint-scanner [data-scan-message]{font-size:1.05rem;min-height:2.5em;line-height:1.5}.checkpoint-scanner{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
[data-scan-manual-form]{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}[data-scan-manual-form][hidden]{display:none}[data-scan-manual-input]{flex:1 1 160px;min-height:44px;padding:10px 12px;border:1px solid #C9A468;border-radius:9px;background:var(--mf-ground,#0f0f11);color:#F2F4F8;font:inherit;font-size:16px}[data-scan-manual]{background:transparent}
/* בעלים 15.10: צלילי סריקה — "נקודה נסרקה": גלולה כהה על תמונת המצלמה, בלי מסגרת וקו מתאר, ולא חוסמת לחיצה (המיקום מ-checkpoint-scanner.js).
   בלי תמונה (סורק האפליקציה, .on-title): במקום כותרת החלון, בצבע החלון — לא על שורת ההודעה */
.checkpoint-scanner [data-scan-toast]{position:absolute;inset-inline:0;top:0;z-index:2;box-sizing:border-box;width:max-content;max-width:calc(100% - 48px);margin:0 auto;padding:12px 22px;border:0;outline:0;border-radius:999px;background:rgba(var(--mf-ground-rgb,14,14,16),.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#F2F4F8;font-size:1.15rem;font-weight:700;line-height:1.4;text-align:center;pointer-events:none;opacity:0;transform:scale(.96);transition:opacity .22s ease,transform .22s ease}.checkpoint-scanner [data-scan-toast].on-title{display:flex;align-items:center;justify-content:flex-start;max-width:none;margin:0;padding:0;border-radius:0;background:var(--panel,#18181B);-webkit-backdrop-filter:none;backdrop-filter:none;font-size:20px}.checkpoint-scanner [data-scan-toast]::before{content:"✓";content:"✓"/"";margin-inline-end:8px;color:#9fe2bc}.checkpoint-scanner [data-scan-toast][data-on]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.checkpoint-scanner [data-scan-toast]{transition:none;transform:none}}

/* בעלים 27.10: המצלמה נפתחת כמו בווטסאפ — כמעט מסך מלא בטלפון (רק כשיש תמונה חיה, .cam-full מ-checkpoint-scanner.js: לא בפנס ולא בסורק המקורי של האפליקציה).
   החלון ממלא את המסך, הווידאו מאחורי הכול (cover), ריבוע כיוון במרכז, הכותרת וה-× למעלה על מעבר כהה, ההודעה והכפתורים למטה. במחשב — החלון הרגיל. */
@media (max-width:760px){
.checkpoint-scanner.cam-full{--x-pad:0px;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#000;color:#fff;overflow:hidden;display:flex;flex-direction:column}
.checkpoint-scanner.cam-full .checkpoint-frame{position:absolute;inset:0;z-index:0;margin:0;border:0;border-radius:0;aspect-ratio:auto;background:#000}
.checkpoint-scanner.cam-full .checkpoint-frame video{object-fit:cover}
.checkpoint-scanner.cam-full .checkpoint-frame::after{inset:auto;top:50%;left:50%;width:min(74vw,50vh);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:24px;box-shadow:0 0 0 200vmax #0008}
.checkpoint-scanner.cam-full .checkpoint-heading{position:relative!important;top:auto!important;z-index:2;margin:0!important;padding:max(14px,env(safe-area-inset-top)) 60px 14px max(16px,env(safe-area-inset-left))!important;min-height:0;background:linear-gradient(#000d,#0000)!important}
.checkpoint-scanner.cam-full .checkpoint-heading h2{color:#fff;text-shadow:0 1px 3px #000}
.checkpoint-scanner.cam-full .x-corner{inset-block-start:max(8px,env(safe-area-inset-top))!important;inset-inline-end:max(8px,env(safe-area-inset-right))!important;background:#0008;border-color:#fff8;color:#fff}
.checkpoint-scanner.cam-full [data-scan-message]{position:relative;z-index:2;margin:auto 16px 0;padding-top:16px;text-align:center;text-shadow:0 1px 3px #000;background:linear-gradient(#0000,#000c 70%)}
.checkpoint-scanner.cam-full [data-scan-manual-form],.checkpoint-scanner.cam-full .checkpoint-actions{position:relative;z-index:2;margin:0 16px;background:#000c}
.checkpoint-scanner.cam-full .checkpoint-actions{padding:10px 0 max(16px,env(safe-area-inset-bottom))}
.checkpoint-scanner.cam-full .checkpoint-actions button{background:#000a;border-color:#C9A468;color:#fff}
.checkpoint-scanner.cam-full [data-scan-action]{background:#c9a468;color:#17171a}
}