/* Barcode scanning - the viewfinder sheet (js/scan.js) and the line it lands on in a stock take.
   Navy leads. Coral is only the thin aim line and the marker on the row that was found. */

.scanbox{position:relative;width:100%;aspect-ratio:4/3;max-height:46vh;border-radius:var(--r-md);overflow:hidden;background:var(--navy-950)}
.scanbox video{display:block;width:100%;height:100%;object-fit:cover}
/* A quiet frame, so the person knows where to hold the packet. */
.scanbox::after{content:"";position:absolute;left:12%;right:12%;top:26%;bottom:26%;border:2px solid rgba(255,255,255,.72);border-radius:var(--r-sm);pointer-events:none}
.scanaim{position:absolute;left:14%;right:14%;top:50%;height:2px;background:var(--coral);opacity:.9;pointer-events:none}

.scanlight{position:absolute;right:10px;bottom:10px;min-height:36px;padding:0 14px;border:0;border-radius:var(--r-sm);
  background:rgba(15,26,43,.72);color:#fff;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);cursor:pointer}
.scanlight.on{background:#fff;color:var(--navy-900)}

.scannote{color:var(--ink-2);font-size:var(--fs-13);line-height:var(--lh-body);margin:var(--s-3) 0 0}
.scantype{margin-top:var(--s-3)}
.scantype label{display:block}
.scanrow{display:flex;gap:var(--s-2);align-items:stretch;margin-top:var(--s-1)}
.scanrow input{flex:1;min-width:0;font-family:var(--font-mono);letter-spacing:.04em}
.scanrow .btn{flex:0 0 auto;align-self:stretch}

/* The line a scan landed on in the count sheet. The count stays blind: this only says "here",
   it never shows what the book expects. */
.countlist .it.found{background:var(--navy-100);border-radius:var(--r-sm);box-shadow:inset 3px 0 0 var(--coral);
  padding-left:var(--s-2);padding-right:var(--s-2);transition:background .2s ease}
.countlist .it.found .qty{border-color:var(--navy-700)}
@media (prefers-reduced-motion:reduce){.countlist .it.found{transition:none}}