.barcode-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.barcode-scan-btn{white-space:nowrap}.barcode-scanner{position:relative;margin-top:12px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#05070a;max-width:620px}.barcode-scanner video{display:block;width:100%;max-height:360px;object-fit:cover}.scanner-guide{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.scanner-guide span{display:block;width:76%;height:90px;border:2px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.28)}.scanner-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:var(--panel);color:var(--text);font-size:12px}.field-help{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label-row label{margin-bottom:5px}.field-action{font-size:11px;font-weight:750;white-space:nowrap}@media(max-width:650px){.barcode-input-row{grid-template-columns:1fr}.barcode-scan-btn{width:100%}.scanner-footer{align-items:flex-start;flex-direction:column}.scanner-footer .btn{width:100%}}