#item-labels-button[hidden]{display:none!important}
#item-labels-dialog{width:min(1050px,calc(100vw - 24px));max-height:92vh;border:1px solid #c9dcd2;border-radius:18px;padding:0;color:#193e32;background:white}
#item-labels-dialog::backdrop{background:rgba(5,35,26,.5)}
#item-labels-dialog header{position:sticky;top:0;z-index:2;background:white;padding:18px 24px;border-bottom:1px solid #d9e5df;display:flex;justify-content:space-between;align-items:center;gap:16px}
#item-labels-dialog h2,#item-labels-dialog h3{margin:0}#item-labels-dialog p{line-height:1.55}#item-labels-dialog .eyebrow{margin:0 0 4px}
.il-body{padding:20px 24px}.il-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.il-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.il-settings label{display:grid;gap:7px;font-weight:600}.il-settings input,.il-settings select{width:100%}
#il-status{padding:12px;border-radius:8px;background:#edf6f0;margin:14px 0;min-height:44px}#il-status.error{background:#fff0df;color:#8b3500}.il-table{max-height:36vh;overflow:auto;border:1px solid #d9e5df;border-radius:10px}.il-table table{width:100%;border-collapse:collapse}.il-table th{position:sticky;top:0;background:#eef5f0}.il-table td,.il-table th{padding:10px;text-align:left;border-bottom:1px solid #e1e9e4}.il-table small{display:block;margin-top:4px}.il-table input[type=number]{width:90px}.il-table input[type=checkbox]{width:19px;height:19px}
.il-output{padding:18px;background:#f4f7f2;border-radius:12px}.il-output p{margin-bottom:8px}#il-preview-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px}#il-preview-area figure{margin:0;padding:8px;border:1px solid #d9e5df;border-radius:8px;background:#fafafa}#il-preview-area img{display:block;width:100%;height:auto}#il-preview-area figcaption{padding:6px;font-size:12px;text-align:center}#item-labels-dialog button:disabled{opacity:.55;cursor:not-allowed}#item-labels-dialog[aria-busy=true] button:disabled{cursor:wait}
@media(max-width:600px){#item-labels-dialog header{align-items:flex-start;flex-direction:column;padding:15px;gap:0}.il-body{padding:15px}.il-settings{grid-template-columns:1fr}.il-table td,.il-table th{padding:8px}.il-table input[type=number]{width:68px}.il-actions button{flex:1}.il-table{max-height:38vh}#il-preview-area{grid-template-columns:1fr}}

#item-labels-dialog .il-option{display:flex;align-items:center;gap:9px;margin:16px 0;font-weight:600}#item-labels-dialog .il-option input{width:19px;height:19px;margin:0}

/* Shared print styles use same-origin CSS to respect the application's CSP. */
@page item-label-a4{size:A4;margin:0}
@page item-label-roll{size:63.5mm 38.1mm;margin:0}
@page item-label-apparel{size:37.29mm 25.93mm;margin:0}
body.item-label-print{margin:0;background:#eee}
.item-label-print *{box-sizing:border-box}
.item-label-print nav{padding:12px;background:white;font:14px Arial}
.item-label-print button{padding:10px}
.item-label-print section{background:white;display:grid;align-content:start;break-after:page;grid-auto-rows:38.1mm;grid-template-columns:repeat(3,63.5mm);column-gap:2.5mm}
.item-label-print section:last-child{break-after:auto}
.item-label-print img{width:63.5mm;height:38.1mm;display:block}
.item-label-print.sheet section{page:item-label-a4;width:210mm;height:297mm;padding:15.15mm 7.25mm}
.item-label-print.sheet.apparel section{padding:18.85mm 6.775mm;grid-template-columns:repeat(5,37.29mm)}
.item-label-print.apparel section{grid-auto-rows:25.93mm}
.item-label-print.apparel img{width:37.29mm;height:25.93mm}
.item-label-print.roll section{page:item-label-roll;width:63.5mm;height:38.1mm;padding:0;grid-template-columns:63.5mm;column-gap:0}
.item-label-print.roll.apparel section{page:item-label-apparel;width:37.29mm;height:25.93mm;grid-template-columns:37.29mm}
@media print{body.item-label-print{background:white}.item-label-print nav{display:none}}
