@import url("../lib/noto-sans-arabic/wght.css");

.barcode-print-sheet[hidden] { display:none!important; }
.barcode-print-sheet { width:var(--tag-width,60mm); margin:0; padding:0; }
.label-page { box-sizing:border-box; position:relative; width:var(--tag-width,60mm); height:var(--tag-height,10mm); margin:0; padding:0; overflow:hidden; break-inside:avoid; break-after:page; page-break-after:always; }
.label-page:last-child { break-after:auto; page-break-after:auto; }
.jewelry-tag { box-sizing:border-box; position:relative; width:var(--tag-width,60mm); height:var(--tag-height,10mm); padding:0; margin:0; color:#000; background:transparent; font-family:"Noto Sans Arabic",Tahoma,sans-serif; line-height:1; text-align:center; }
.label-page > .jewelry-tag { transform:translate(var(--tag-offset-x,0mm),var(--tag-offset-y,0mm)); }
.jewelry-tag .tag-element { box-sizing:border-box; position:absolute; display:flex; align-items:center; justify-content:center; padding:0; margin:0; overflow:hidden; text-align:center; white-space:nowrap; line-height:1.05; }
.jewelry-tag .tag-element > span,.jewelry-tag .tag-element > strong { display:block; max-width:100%; overflow:hidden; text-overflow:clip; }
.jewelry-tag .tag-code { font-family:monospace; font-weight:700; letter-spacing:.03em; }
.jewelry-tag .barcode-svg { display:block; width:100%; height:100%; flex:none; }
.jewelry-tag.tag-preview .tag-wing { box-sizing:border-box; position:absolute; top:0; width:var(--tag-face,24mm); height:100%; border:1px solid #c6b995; border-radius:1.5mm; background:#fff; box-shadow:0 2px 4px #483c2210; }
.jewelry-tag.tag-preview .left-wing { left:0; }
.jewelry-tag.tag-preview .right-wing { right:0; }
.jewelry-tag.tag-preview .tag-loop { position:absolute; left:var(--tag-face,24mm); top:calc(50% - 1.5mm); width:var(--tag-bridge,12mm); height:3mm; display:flex; align-items:center; justify-content:center; border-top:1px dashed #c6b995; border-bottom:1px dashed #c6b995; background:#faf6ec; }
.jewelry-tag.tag-preview .tag-loop > span { font:3pt "Noto Sans Arabic",Tahoma,sans-serif; color:#a28f64; }
.jewelry-tag.tag-preview .tag-element { cursor:grab; touch-action:none; user-select:none; outline:1px solid transparent; outline-offset:0; }
.jewelry-tag.tag-preview .tag-element:hover { outline-color:#b6a06b; }
.jewelry-tag.tag-preview .tag-element.selected { outline:1px dashed #a67b23; background:#b68b1b08; }
.jewelry-tag.tag-preview .tag-element.dragging { cursor:grabbing; opacity:.8; }
@media print { .label-page { print-color-adjust:exact; -webkit-print-color-adjust:exact; } }