@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@700;800&display=swap";.label-head{grid-template-columns:20mm 1fr 25mm!important}.handling-icons svg{width:4.8mm!important;height:4.8mm!important;color:#000}.handling-icons .up-icon svg{width:3.55mm!important;height:4.7mm!important;margin:-.25mm!important}.handling-icons em{font-size:1.12mm!important;letter-spacing:-.03mm;margin-top:.2mm!important}.handling-icons>div{overflow:hidden}.label-head{display:grid!important;grid-template-columns:18mm 1fr 27mm;align-items:center;align-content:stretch!important;text-align:left!important}.label-title{text-align:center;display:grid;align-content:center;line-height:1}.label-title strong{font-size:4.65mm!important;font-weight:900;letter-spacing:.15mm}.label-title span{font-size:2.05mm!important;font-weight:800!important;letter-spacing:.25mm!important;margin-top:.8mm!important}.handling-icons{height:100%;display:grid;grid-template-columns:1fr 1fr;border-right:.5mm solid #111}.handling-icons>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.handling-icons svg{width:4.5mm;height:4.5mm;stroke-width:2.6}.handling-icons em{font-size:1.45mm;font-style:normal;font-weight:900;line-height:1;margin-top:.25mm;white-space:nowrap}.handling-icons .up-icon span{display:flex!important;align-items:center;justify-content:center;font-size:0!important;letter-spacing:0!important;margin:0!important}.handling-icons .up-icon svg{width:3.5mm;height:4.4mm;margin:-.45mm}.label-barcode{height:100%;border-left:.5mm solid #111;display:flex;align-items:center;justify-content:center;padding:1.1mm;overflow:hidden}.label-barcode svg{width:100%!important;height:7mm!important}.barcode-placeholder{display:block!important;width:21mm;height:5.5mm;margin:0!important;background:repeating-linear-gradient(90deg,#111 0 .35mm,transparent .35mm .75mm);opacity:.18}.label{border-width:1mm!important;grid-template-rows:10.5mm 16mm 9.5mm 10.5mm!important}.label-head,.label-customer,.label-meta{border-bottom-width:.5mm!important}.label-customer{padding:1.2mm 2.3mm!important}.label-customer b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}.label-customer b.customer-long{font-size:4.25mm!important;line-height:1!important}.label-customer b.customer-very-long{font-size:3.45mm!important;line-height:1!important}.label-meta>div:first-child{border-right-width:.5mm!important}.label-separator{display:grid!important;grid-template-columns:1.35fr .85fr;padding:0!important;gap:0!important}.label-separator>div{padding:.75mm 2.3mm;display:flex;flex-direction:column;justify-content:center;min-width:0}.label-separation-date{border-left:.5mm solid #111}.label-separator>div b{font-size:3.45mm;text-transform:uppercase;line-height:1.05}.label-separation-date small{font-size:2.05mm}@media print{html body>#root{display:block!important}#root>header,#root>main{display:none!important}.print-sheet{display:block!important;width:100mm!important;margin:0!important;padding:0!important}.print-sheet .label{display:grid!important;transform:none!important;margin:0!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}:root{font-family:DM Sans,sans-serif;color:#17231f;background:#f2f5f1;--green:#0b5d45;--dark:#14342a;--lime:#b8d63b;--line:#dce4de}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#dbe8d8 0,transparent 28%),#f2f5f1}button,input,select{font:inherit}button{cursor:pointer}header{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1440px)/2));gap:14px;position:sticky;top:0;z-index:5}.brand-mark{width:43px;height:43px;background:var(--green);color:#fff;border-radius:12px;display:grid;place-items:center;font:800 23px Montserrat}header h1{font:800 20px Montserrat;margin:0;color:var(--dark)}header p{margin:3px 0 0;color:#718077;font-size:13px}.mode{margin-left:auto;font-weight:800;font-size:11px;letter-spacing:.08em;padding:9px 13px;border-radius:999px}.mode.mock{background:#fff1c7;color:#755700}.mode.tiny{background:#d9f4e7;color:#08623e}main{max-width:1440px;margin:0 auto;padding:28px}.workspace{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(540px,1.18fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 32px #234c3d0a}.controls{padding:27px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#728078}.panel h2{margin:5px 0 21px;font:700 23px Montserrat;color:var(--dark)}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#506159}input,select{height:45px;border:1px solid #cfd8d2;border-radius:9px;padding:0 13px;background:#fff;color:#17231f;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #0b5d4518}.search{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.primary,.print-button,.separators form button{border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:700;height:45px;padding:0 20px}.primary:disabled,.print-button:disabled{opacity:.45;cursor:not-allowed}.notice{padding:11px 13px;background:#fff3d3;color:#725500;border-radius:9px;margin-top:14px;font-size:13px}.returned{border:1px dashed #c9d5cd;background:#f7f9f7;border-radius:12px;padding:16px;margin:19px 0;color:#718077}.returned>span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:7px}.returned strong{color:var(--dark);font-size:16px}.returned p{margin:5px 0 0;font-size:13px}.returned.ready{border-style:solid;border-color:#b9dacd;background:#eef8f3}.form-row{display:grid;grid-template-columns:1fr 105px;gap:12px;margin-bottom:13px}.print-button{width:100%;background:var(--dark);font-size:15px;margin-top:19px}.helper{font-size:11px;color:#7b8880;text-align:center;line-height:1.5;margin:10px 15px 0}.preview{padding:27px;display:flex;flex-direction:column}.preview-title,.section-head{display:flex;justify-content:space-between;align-items:start}.preview-title>span,.section-head>span{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8a978f;background:#f1f4f2;padding:7px 9px;border-radius:6px}.label-stage{flex:1;min-height:360px;background:#e3e9e4;position:relative;border-radius:14px;display:grid;place-items:center;padding:30px;overflow:auto;background-image:linear-gradient(45deg,#dce3de 25%,transparent 25%),linear-gradient(-45deg,#dce3de 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce3de 75%),linear-gradient(-45deg,transparent 75%,#dce3de 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.label{width:100mm;height:50mm;background:#fff;color:#050505;border:1.3mm solid #101010;display:grid;grid-template-rows:12mm 17mm 10mm 8.4mm;font-family:Arial,sans-serif;overflow:hidden;flex:none}.label small{font-size:2.4mm;font-weight:800;letter-spacing:.25mm}.label-head{border-bottom:.65mm solid #111;text-align:center;display:grid;align-content:center;line-height:1}.label-head strong{font-size:5.6mm;font-weight:900;letter-spacing:.25mm}.label-head span{font-size:2.7mm;font-weight:800;letter-spacing:.5mm;margin-top:1.2mm}.label-customer{padding:1.4mm 2.3mm;border-bottom:.65mm solid #111;display:flex;flex-direction:column;justify-content:center}.label-customer b{font-size:5.1mm;line-height:1.03;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-meta{display:grid;grid-template-columns:1fr 1fr;border-bottom:.65mm solid #111}.label-meta>div{padding:1.1mm 2.3mm;display:flex;flex-direction:column;justify-content:center}.label-meta>div:first-child{border-right:.65mm solid #111}.label-meta b{font-size:4.1mm}.label-separator{padding:1mm 2.3mm;display:flex;gap:2.5mm;align-items:center}.label-separator b{font-size:4.2mm;text-transform:uppercase}.measure{display:flex;justify-content:space-between;color:#77847c;font-size:11px;margin-top:12px}.lower{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;margin-top:22px}.lower .panel{padding:24px}.separators form{display:flex;gap:9px}.separators form input{flex:1}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip{display:flex;align-items:center;background:#edf5f0;border:1px solid #d5e6dc;border-radius:999px;padding:7px 8px 7px 13px;font-size:13px;font-weight:700;color:var(--dark)}.chip button{border:0;background:#fff;color:#738079;border-radius:50%;width:22px;height:22px;margin-left:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#7b8880;font-size:10px;letter-spacing:.07em;padding:0 10px 10px}td{border-top:1px solid #e8ece9;padding:11px 10px}td:first-child{font-weight:800;color:var(--green)}.empty{text-align:center;color:#89958e;padding:28px}.print-sheet{display:none}@media(max-width:980px){.workspace,.lower{grid-template-columns:1fr}.label-stage{min-height:300px}.label{transform:scale(.9)}}@media(max-width:600px){header{padding:0 16px}.mode{font-size:9px;padding:7px}main{padding:14px}.controls,.preview,.lower .panel{padding:18px}.search{grid-template-columns:1fr}.label-stage{padding:10px;min-height:235px}.label{transform:scale(.62)}.preview-title>span{display:none}}@page{size:100mm 50mm;margin:0}@media print{body>*:not(.print-sheet){display:none!important}.print-sheet{display:block}.print-sheet .label{page-break-after:always;break-after:page}.print-sheet .label:last-child{page-break-after:auto;break-after:auto}}