.barcode-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.barcode-workspace h2{margin-bottom:14px}.barcode-workspace .field{margin-top:16px}.barcode-workspace p{line-height:1.6;margin-bottom:14px}.barcode-workspace input{min-width:0}.barcode-workspace .actions>input{flex:1;min-width:160px}.barcode-camera-actions{flex-wrap:wrap;margin:16px 0}#barcode-camera-select{max-width:230px}#barcode-video{width:100%;max-height:330px;background:#153e32;border-radius:12px;margin:8px 0}#barcode-video:not([src]):not([srcObject]){min-height:40px}.barcode-preview{max-width:240px;height:58px}.barcode-return-dialog{padding:32px;border:1px solid #d6dfd4;border-radius:18px;max-width:500px;width:calc(100% - 36px);color:#173f32;box-shadow:0 20px 80px #142e3340}.barcode-return-dialog::backdrop{background:#102d26b3}.barcode-return-dialog h2{margin:16px 0}.barcode-return-dialog p{line-height:1.7;margin-bottom:20px}#barcode-print-sheet{display:none}.barcode-label{text-align:center;border:1px dashed #ddd;padding:2mm;break-inside:avoid;overflow:hidden;height:36mm;font-size:10px;line-height:1.3}.barcode-label svg{max-width:100%;height:22mm}.barcode-label>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-label strong{font-size:12px}@media(max-width:1050px){.barcode-workspace{grid-template-columns:1fr}}@media print{@page{size:A4;margin:10mm}body>*:not(#barcode-print-sheet){display:none!important}body #barcode-print-sheet{display:grid!important;grid-template-columns:repeat(3,1fr);gap:2mm;background:white;color:black;width:190mm;font-family:Arial,sans-serif}.barcode-label{page-break-inside:avoid;box-sizing:border-box}}
.barcode-workspace .actions{flex-wrap:wrap}.barcode-workspace input:not([type=checkbox]),#barcode-product-search,#barcode-label-search,#barcode-camera-select{padding:10px 12px;border:1px solid #d7dfd4;background:#fafcf8;border-radius:7px;font:inherit;color:inherit}#barcode-label-search{max-width:100%}.barcode-workspace .actions>input{max-width:100%}#barcode-scan-result{margin-top:15px}
.barcode-preview{display:block;width:240px;max-width:100%;height:58px}.barcode-label svg{display:block;width:100%;max-width:100%;height:22mm;margin:0 auto;overflow:visible}
@media print{html,body{background:#fff!important;color:#000!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.mobile-pair-dialog{padding:28px;border:1px solid #d5dfce;border-radius:18px;color:#193e32;max-width:510px;width:calc(100% - 32px)}.mobile-pair-dialog::backdrop{background:#112f25b8}.mobile-pair-dialog h2{margin:12px 0}.mobile-pair-dialog p{margin:10px 0 18px}.mobile-pair-dialog form{display:grid;gap:16px}.mobile-pair-dialog .actions{margin-top:18px}.pair-qr{background:white;width:240px;height:240px;margin:15px auto}.pair-qr svg{display:block;width:240px;height:240px;max-width:100%}.pair-pin{font-size:34px;font-weight:700;letter-spacing:10px;text-align:center;padding:14px;border:1px dashed #d1ddc9;border-radius:10px;background:#f4f8ef}.product-qr{width:19mm;height:19mm;display:block;margin:0 auto}.barcode-label .product-qr svg{display:block;width:19mm;height:19mm;margin:0}.qr-item-number{display:block;letter-spacing:.2px;font-size:8px;color:#000}#barcode-label-format{padding:10px 12px;border:1px solid #d7dfd4;border-radius:7px;background:#fafcf8;font:inherit;color:inherit}
