/* Material catalog — scan a UPC / Code 128 / QR with mobile camera */
.material-sku-field{gap:9px}
.material-sku-field > label{font-size:13px!important;color:var(--text)!important;font-weight:750!important}
.material-sku-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.material-sku-row input{min-height:47px;font-size:15px}
.material-sku-row #scanMaterialSku{min-width:104px;min-height:47px;padding:10px 16px;font-size:14px;white-space:nowrap}
.material-sku-field .field-hint{font-size:12px;line-height:1.55}
#scanner{z-index:80;padding:22px 16px;gap:15px;overflow-y:auto;justify-content:center;max-width:100vw}
#scanner .kicker{font-size:14px;color:var(--gold);text-align:center;line-height:1.5}
#scanner [hidden]{display:none!important}
#scanner #scanVideo,#scanner #scanFallback{width:min(520px,100%);max-height:min(70dvh,550px);object-fit:contain;background:#000;border:2px solid #a47c3b;border-radius:13px;overflow:hidden}
#scanner #scanFallback{position:relative;max-height:62dvh;min-height:200px}
#scanner #scanFallback video{width:100%!important;height:auto!important;max-width:100%!important;max-height:57dvh;object-fit:contain}
#scanner #scanFallback canvas{max-width:100%;max-height:57dvh}
#scanner #scanStatus{font-size:14px;line-height:1.6;color:var(--text);margin:0;text-align:center;max-width:520px;min-height:22px}
#scanner #scanStatus.warning{color:#f0baba}
#scanner .scan-privacy{max-width:500px;text-align:center;font-size:12px;line-height:1.6;margin:0}
#scanner #stopScan{min-height:48px;font-size:14px;padding:12px 24px}
@media(max-width:420px){.material-sku-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}.material-sku-row #scanMaterialSku{min-width:82px;padding:10px}.material-sku-row input{font-size:16px}}