#product-form .product-barcode-editor{min-width:0;display:grid;gap:8px}
#product-form .product-barcode-editor>label{font-size:13px;font-weight:600;margin:0}
#product-form .barcode-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
#product-form .barcode-entry-row input{min-width:0;width:100%;height:44px;font:inherit}
#product-form .barcode-entry-row button{min-height:44px}
#product-form #barcode-help{color:var(--muted);font-size:12px;line-height:1.5}
#product-form .barcode-list{list-style:none;margin:0;padding:0 3px 0 0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;max-height:132px;overflow:auto}
#product-form .barcode-list li{display:flex;align-items:center;gap:8px;padding:2px 4px 2px 10px;border:1px solid var(--line);border-radius:7px;min-width:0;max-width:100%;background:var(--bg);font-size:13px}
#product-form .barcode-list li>span{overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}
#product-form .barcode-list li>small{color:var(--muted);font-size:11px;white-space:nowrap}
#product-form .barcode-list li:not(:first-child)>small{display:none}
#product-form .barcode-list button{min-height:32px;min-width:32px;padding:0;flex-shrink:0;font-size:20px;line-height:1}
#product-form .barcode-list button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media(pointer:coarse){#product-form .barcode-list button{min-height:44px;min-width:44px}}
#product-form #barcode-status{font-size:13px;color:var(--accent-dark);margin:0}
#product-form #barcode-status:empty{display:none}
#product-form .product-barcode-editor textarea[hidden]{display:none!important}