﻿.sheet-planner{max-width:1100px}.sheet-planner .form-grid{align-items:start}.sheet-planner details{margin:12px 0}.sheet-pick-grid{display:grid;gap:7px;max-width:440px;padding:14px;background:#f3f6fa;border:1px solid #cbd7e0;border-radius:6px}.sheet-pick-grid button{background:#fff;color:#667a8b;border:1px dashed #aebdcc;min-height:48px}.sheet-pick-grid button.selected{background:#e2f2ff;color:#124264;border:2px solid #087bd9}.sheet-planner [hidden]{display:none!important}.sheet-note{font-size:12px;color:#586d7f}#sheet-error{color:#a30014;font-weight:600}.labels.sheet-mode{display:block;overflow-x:auto}.label-sheet{position:relative;width:210mm;height:296.9mm;box-sizing:border-box;background:#fff;box-shadow:0 1px 5px #0003;margin:18px 0}.label-slot{position:absolute;box-sizing:border-box;overflow:hidden;outline:1px dashed #cfdae3}.label-slot.empty{background:#fbfcfd}.labels.sheet-mode .label{box-sizing:border-box;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0;padding:2mm!important;break-after:auto!important;page-break-after:auto!important}.labels.sheet-mode .label-content{transform-origin:top left}.labels.sheet-mode .label-brand{font-size:20px}.labels.sheet-mode .label-brand small{font-size:7px}.labels.sheet-mode .label-status{font-size:9px;padding:.7mm 1mm;margin-top:1mm}.labels.sheet-mode .label-data{grid-template-columns:minmax(0,1fr) 23mm;gap:2mm;margin-top:1.5mm;font-size:8px!important;line-height:1.4!important}.labels.sheet-mode .qr svg{width:23mm;height:23mm}.labels.sheet-mode .qr small{font-size:6px}.labels.sheet-mode.compact-labels .label-brand{font-size:15px}.labels.sheet-mode.compact-labels .label-brand small{font-size:6px}.labels.sheet-mode.compact-labels .label-status{font-size:7px;margin-top:.5mm;padding:.4mm}.labels.sheet-mode.compact-labels .label-data{font-size:6.5px!important;line-height:1.2!important;margin-top:.5mm;grid-template-columns:minmax(0,1fr) 20mm}.labels.sheet-mode.compact-labels .qr svg{width:20mm;height:20mm}
@media print{@page a4labels{size:A4 portrait;margin:0}.labels.sheet-mode{overflow:visible!important;display:block!important}.label-sheet{page:a4labels;box-shadow:none!important;margin:0!important;padding:0!important;width:210mm;height:296.9mm;break-after:page;break-inside:avoid}.label-sheet:last-child{break-after:auto}.labels.sheet-mode .label{page:auto!important}.label-slot{outline:0!important}.label-slot.empty{background:transparent!important}.sheet-test-mode .label-slot{outline:1px dashed #777!important}.sheet-test-mode .label-slot.empty::before{content:attr(data-slot);position:absolute;left:2mm;top:2mm;font-size:9px;color:#555}}

/* Contain the full brand, last data line and vector QR within the physical label. */
.labels .label-content{display:flow-root;transform-origin:top left}
.labels .label-data>div{min-width:0}
.labels .label-brand .company-brand-copy{min-width:0}
.labels .label-brand .company-logo{flex-shrink:0;object-fit:contain}
@media print{body:has(.labels) .workspace,body:has(.labels) main{width:auto;max-width:none;height:auto;overflow:visible;display:block;margin:0!important;padding:0!important}.labels .label{overflow:hidden;box-sizing:border-box}.labels .label-content{break-inside:avoid}.labels .label-status,.labels .label-data{break-inside:avoid}}
