.scan-toolbar { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:12px 0 6px; }
.scan-toolbar button[aria-pressed="true"] { background:#163dce; color:white; border-color:#163dce; }
.scan-toolbar .btn { padding:5px 8px; font-size:12px; line-height:1.4; min-height:0; height:auto; }
.scan-locator { display:flex; flex-wrap:wrap; gap:6px; align-items:center; flex-basis:100%; font-size:12px; color:#657087; }
.scan-locator .btn { padding:4px 7px; font-size:11px; }
.scan-locate-target { outline:3px solid #4266d5; outline-offset:2px; scroll-margin-block:12px; }
.scan-locate-feedback { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.scan-status { color:#657087; font-size:12px; margin:8px 0 14px; }
.scan-page { font-size:12px; color:#657087; }
.scan-wall { display:grid; grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); gap:12px; align-items:start; }
.scan-card { border:1px solid #d6dceb; border-radius:8px; padding:10px; min-width:0; background:#fff; color:#20283b; }
.scan-card[hidden] { display:none !important; }
.scan-card[data-state="ready"] { border-color:#39a875; }
.scan-card[data-state="interrupted"] { border-color:#d69828; }
.scan-card[data-scan-state="manual_pending"],.scan-card[data-scan-state="authorized_pending"] { border-color:#c08a1a; background:#fff8e7; }
.scan-card[data-scan-state="manual_pending"] .scan-label,.scan-card[data-scan-state="authorized_pending"] .scan-label { color:#805606; }
.scan-card[data-scan-state="manual_pending"] .scan-qr,.scan-card[data-scan-state="authorized_pending"] .scan-qr { background:#fff0c4; }
.scan-card[data-scan-state="manual_pending"] .scan-placeholder,.scan-card[data-scan-state="authorized_pending"] .scan-placeholder { color:#805606; font-weight:700; }
.scan-toolbar [hidden] { display:none !important; }
.scan-card[data-state="paid"] .scan-qr,.scan-card[data-state="ended"] .scan-qr { display:none; }
.scan-label { display:block; font-size:13px; padding:0 0 8px; }
.scan-card[data-state="ready"] .scan-label { color:#167444; }
.scan-qr { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1; background:#f4f6fa; }
.scan-qr img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; background:white; cursor:zoom-in; }
.scan-placeholder { color:#7b8495; text-align:center; font-size:13px; padding:12px; }
.scan-mail { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:11px monospace; padding-top:9px; }
.scan-package,.scan-note { font-size:12px; line-height:1.6; margin-top:4px; }
.scan-note { color:#7b6570; min-height:20px; }
.scan-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.scan-actions .btn { padding:5px 7px; font-size:11px; line-height:1.4; min-width:0; }
.scan-actions button[hidden] { display:none !important; }
.scan-actions [data-action="recover"] { background:#163dce; color:white; }
.scan-actions [data-action="skip"] { color:#a43131; }
.scan-actions [data-action="mark"] { color:#805606; border:1px solid #dcb659; }
.scan-wall[data-stable="true"] .scan-label { height:24px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.scan-wall[data-stable="true"] .scan-note { height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.scan-wall[data-stable="true"] .scan-mail { padding-top:5px; }
.scan-wall[data-stable="true"] .scan-package { margin-top:2px; font-size:11px; line-height:1.3; }
.scan-wall[data-stable="true"] .scan-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:54px; align-content:start; }
.scan-wall[data-stable="true"] .scan-actions .btn { white-space:nowrap; padding:4px 6px; }
.scan-wall[data-stable="true"] .scan-card[data-state="paid"] .scan-qr,
.scan-wall[data-stable="true"] .scan-card[data-state="ended"] .scan-qr { display:flex; }
.scan-wall[data-stable="true"] .scan-card[data-state="paid"] { border-color:#36a57b; background:#effbf4; }
.scan-wall[data-stable="true"] .scan-card[data-state="paid"] .scan-placeholder { color:#15733e; font-weight:700; }
.scan-empty { grid-column:1/-1; color:#657087; padding:32px; text-align:center; }
.scan-zoom { border:0; border-radius:12px; padding:18px; width:min(480px,85vw); max-height:90vh; text-align:center; }
.scan-zoom::backdrop { background:rgba(12,20,40,.75); }
.scan-zoom p { overflow-wrap:anywhere; font-size:13px; }
.scan-zoom .scan-qr { max-width:420px; margin:auto; }
.scan-zoom img { cursor:zoom-out; }
@media(max-width:540px){ .scan-wall { grid-template-columns:1fr; } .scan-toolbar { gap:5px; } .scan-card { padding:8px; } }