.scan-field{display:flex;align-items:stretch;gap:8px;min-width:0}
.scan-field input{min-width:0;flex:1}
.scan-button{flex:none;min-height:44px;gap:7px;padding:10px 12px;white-space:nowrap}
.barcode-preview{position:relative;background:#102a43;border-radius:12px;overflow:hidden;aspect-ratio:4/3;max-height:44vh}
.barcode-preview video{display:block;width:100%;height:100%;object-fit:contain}
.barcode-guide{position:absolute;inset:22% 8%;border:2px solid #5de0ca;border-radius:10px;pointer-events:none}
.barcode-status{margin:16px 0 10px;font-size:14px;min-height:44px;line-height:1.5}
#barcode-dialog [hidden]{display:none}
#barcode-dialog .modal-footer{flex-wrap:wrap}
@media(max-width:460px){.scan-button{font-size:12px;padding:10px}.scan-button .icon{width:17px;height:17px}.scan-field input{font-size:16px}}