.iq-label,.iq-label * {box-sizing:border-box;}
.iq-label {width:50mm;height:30mm;padding:1.5mm;display:grid;grid-template-columns:19mm minmax(0,1fr);gap:1.5mm;align-items:center;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;overflow:hidden;}
.iq-label .iq-qr {width:19mm;height:19mm;display:block;object-fit:contain;image-rendering:pixelated;}
.iq-label .iq-copy {min-width:0;display:flex;flex-direction:column;gap:.25mm;}
.iq-label .iq-logo {display:block;width:20mm;height:8mm;object-fit:contain;object-position:left center;filter:grayscale(1) brightness(0);flex-shrink:0;}
.iq-label .iq-id {display:block;font-size:6.5pt;font-weight:700;line-height:1.12;overflow-wrap:anywhere;}
.iq-label .iq-price {display:block;font-size:10pt;line-height:1.1;font-weight:700;white-space:nowrap;}
.iq-label .iq-pm {display:block;font-size:6.5pt;line-height:1.1;font-weight:400;}
.iq-label .iq-name {font-size:5.5pt;line-height:1.1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.iq-label .iq-reference {font-size:4.5pt;line-height:1.1;overflow-wrap:anywhere;}
.inventory-label-preview {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;border:1px solid #505056;border-radius:12px;background:#ddd;}
.inventory-label-preview .iq-label {flex-shrink:0;box-shadow:0 2px 12px #0002;}
.inventory-label-preview > small {color:#333;font-size:12px;}
.iq-label {width:var(--iq-width,50mm);height:var(--iq-height,30mm);padding:calc(1.5mm * var(--iq-scale,1));grid-template-columns:calc(19mm * var(--iq-scale,1)) minmax(0,1fr);gap:calc(1.5mm * var(--iq-scale,1));}
.iq-label .iq-qr {width:calc(19mm * var(--iq-scale,1));height:calc(19mm * var(--iq-scale,1));}
.iq-label .iq-copy {gap:calc(.25mm * var(--iq-scale,1));}
.iq-label .iq-logo {width:calc(20mm * var(--iq-scale,1));height:calc(8mm * var(--iq-scale,1));}
.iq-label .iq-id,.iq-label .iq-pm {font-size:calc(6.5pt * var(--iq-scale,1));}
.iq-label .iq-price {font-size:calc(10pt * var(--iq-scale,1));}
.iq-label .iq-name {font-size:calc(5.5pt * var(--iq-scale,1));}
.iq-label .iq-reference {font-size:calc(4.5pt * var(--iq-scale,1));}
.inventory-label-size {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.inventory-label-size label {display:grid;gap:6px;font-size:12px;}
.inventory-label-preview {min-width:0;overflow:auto;}
.inventory-label-preview .iq-label {margin-inline:auto;}
.iq-label {grid-template-columns:minmax(0,1fr) calc(19mm * var(--iq-scale,1));}
.iq-label .iq-copy {order:0;}
.iq-label .iq-qr {order:1;}
.iq-label.iq-compact {padding:.6mm;grid-template-columns:8mm 12mm minmax(0,1fr);gap:.5mm;}
.iq-label.iq-compact > .iq-logo {grid-column:1;grid-row:1;width:8mm;height:8mm;}
.iq-label.iq-compact .iq-qr {grid-column:2;grid-row:1;width:12mm;height:12mm;}
.iq-label.iq-compact .iq-copy {grid-column:3;grid-row:1;gap:.35mm;}
.iq-label.iq-compact .iq-id {font-size:5.5pt;line-height:1.05;}
.iq-label.iq-compact .iq-price {font-size:8pt;line-height:1.05;}
.iq-label.iq-compact .iq-pm {font-size:5pt;line-height:1.05;}
@media print {@page {size:50mm 30mm;margin:0;} html,body {width:50mm;height:30mm;margin:0 !important;padding:0 !important;background:#fff;} .iq-label {margin:0;box-shadow:none;break-inside:avoid;}}
@media screen {
 #inventory-qr-modal {padding:12px;}
 #inventory-qr-modal .inventory-qr-card {display:flex;flex-direction:column;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);width:min(760px,100%);min-height:0;overflow:hidden;}
 #inventory-qr-modal .inventory-qr-head {flex:0 0 auto;padding:16px 20px;}
 #inventory-qr-modal .inventory-qr-body {flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px;scrollbar-width:thin;}
 #inventory-qr-modal .inventory-qr-actions {flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px;background:#242428;}
 #inventory-qr-modal .inventory-qr-actions button {min-width:0;min-height:44px;padding:10px 8px;white-space:normal;font-size:12px;line-height:1.3;}
 @media(max-width:520px) {
  #inventory-qr-modal .inventory-qr-head {padding:12px 14px;}
  #inventory-qr-modal .inventory-qr-head h2 {font-size:20px;}
  #inventory-qr-modal .inventory-qr-body {padding:14px;}
  #inventory-qr-modal .inventory-qr-actions {padding:10px;}
 }
}