/* Load.Live 1.6.1 (item 23) — Code ingeven (#scan). Cyaan gelukt, amber nakijken, rood enkel als signaal, grijs al gescand. */
.sc-modi { margin: 12px 0; }
.sc-form { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; margin: 8px 0 4px; }
.sc-form .veld { flex: 1 1 260px; min-width: 0; }
.sc-form input { font: 400 28px/1.1 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.sc-balk { margin: 8px 0; padding: 10px 14px; border-radius: var(--r-vak); background: var(--accent-zacht); color: var(--tekst); border-left: 4px solid var(--accent); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.sc-inladen { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
.sc-inladen progress { flex: 1 1 200px; min-width: 120px; }
.sc-teller { margin: 0; font-family: var(--display); font-size: 24px; letter-spacing: .03em; }
.sc-kaartjes { list-style: none; padding: 0; margin: 8px 0; display: grid; gap: 6px; }
.sc-kaartje { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 8px 12px; border-radius: var(--r-vak); background: var(--rack); border-left: 4px solid var(--lijn-sterk); }
.sc-kaartje span { flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; }
.sc-ok { border-left-color: var(--accent); }
.sc-let { border-left-color: var(--let); background: var(--let-zacht); }
.sc-fout { border-left-color: var(--tally); background: var(--tally-zacht); color: var(--tally-tekst); font-weight: 600; }
.sc-grijs { color: var(--zacht); }
.sc-raster { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin-top: 12px; }
.sc-blad h2 { margin: 2px 0 6px; }
.sc-lijst { margin: 6px 0 10px; padding-left: 18px; }
.sc-lijst li { margin: 2px 0; }
.sc-knoppen { display: flex; gap: 8px; flex-wrap: wrap; }
.sc-foto { max-width: 100%; max-height: 260px; border-radius: var(--r-vak); display: block; margin: 8px 0; }
.kp-scan { margin-left: auto; }