.barcode-panel{border:1px solid #d8dde1;border-radius:12px;padding:14px;margin:16px 0}.barcode-list>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:9px 0;border-bottom:1px solid #e2e7ea}.barcode-list code{padding:0;background:none}.barcode-list small{grid-column:1}.compact{min-height:34px;padding:5px 9px;grid-column:2;grid-row:1/3}.barcode-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.barcode-match{padding:12px;border-radius:10px;margin:12px 0}.barcode-match.ok{background:#e9f8e9;color:#236b31}.barcode-match.error{background:#fdecec;color:#a40000}.scanner-dialog{width:min(620px,calc(100% - 24px));border:0;border-radius:16px;padding:18px}.scanner-dialog::backdrop{background:#000a}.scanner-dialog video{width:100%;max-height:60vh;background:#111;border-radius:10px}.scanner-dialog button{width:100%}@media(max-width:650px){.barcode-actions>*{width:100%}}