/* Sample Label module. The working UI uses the dashboard palette; the printed
   document deliberately switches to black ink on white paper. */
.sl-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);margin-bottom:var(--s-5)}
.sl-action{padding:var(--s-5);min-height:176px;text-align:left;background:linear-gradient(145deg,#163642,var(--s1));border:1px solid var(--line);border-radius:var(--r-3);color:var(--text);cursor:pointer;position:relative;overflow:hidden;transition:transform var(--t-mid) var(--ease-out),border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}
.sl-action:hover{transform:translateY(-2px);border-color:var(--sodium);background:linear-gradient(145deg,#1A404E,var(--s2))}
.sl-action-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(242,169,59,.14);color:var(--sodium);margin-bottom:var(--s-4)}
.sl-action-icon svg{width:22px;height:22px}.sl-action h2{font-size:19px;font-weight:600;line-height:1.25}.sl-action p{color:var(--muted);font-size:12.5px;line-height:1.65;margin-top:7px;max-width:38ch}.sl-action-arrow{position:absolute;right:var(--s-4);bottom:var(--s-4);color:var(--sodium);font-size:20px}
.sl-form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);gap:var(--s-4);align-items:start}.sl-form-card{padding:var(--s-4)}
.sl-constants{display:flex;gap:7px;flex-wrap:wrap;margin-top:var(--s-2)}.sl-constant{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-1);font-size:11px;background:var(--s2);color:var(--text-2)}.sl-constant[data-bad="true"]{border-color:var(--crit);box-shadow:inset 3px 0 0 var(--crit)}.sl-constant b{color:var(--text);font-weight:500}.sl-pencil{padding:0;border:0;background:transparent;color:var(--sodium);font-size:14px;cursor:pointer;line-height:1}.sl-field-label{display:block;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.sl-product{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.sl-product button{min-height:58px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--ink);color:var(--text);font:600 17px 'Barlow Condensed',sans-serif;letter-spacing:.12em;cursor:pointer;transition:transform var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.sl-product button:hover{transform:translateY(-1px);border-color:var(--s3)}.sl-product button[data-product="MS"][data-on="true"]{background:rgba(201,133,0,.18);border-color:#C98500;color:#FFD886}.sl-product button[data-product="HSD"][data-on="true"]{background:rgba(57,135,229,.18);border-color:#3987E5;color:#B5D8FF}.sl-product button[data-confirmed="false"]::after{content:'Tap to confirm';display:block;font:10px 'IBM Plex Sans',sans-serif;letter-spacing:0;color:var(--muted);margin-top:3px}
.sl-required{box-shadow:inset 3px 0 0 var(--warn);background:rgba(242,169,59,.06)!important}.sl-warning{border-left:3px solid var(--warn);background:rgba(242,169,59,.10);border-radius:0 var(--r-2) var(--r-2) 0;padding:var(--s-3) var(--s-4);font-size:12px;line-height:1.55;margin-top:var(--s-3)}.sl-warning strong{display:block;color:var(--warn);font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.sl-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-3)}.sl-template{min-height:140px;padding:var(--s-4);text-align:left;background:var(--s1);border:1px solid var(--line);border-radius:var(--r-2);color:var(--text);cursor:pointer;transition:border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.sl-template:hover{border-color:var(--sodium);transform:translateY(-1px)}.sl-template-title{font-size:15px;font-weight:600}.sl-template-meta{margin-top:8px;color:var(--muted);font-family:'IBM Plex Mono',monospace;font-size:10.5px;line-height:1.6}
.sl-preview-shell{background:#E9E6DE;border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-3);overflow:auto}.sl-preview-scale{transform-origin:top left;width:128mm}.sl-preview-shell .sl-page{box-shadow:0 8px 20px rgba(0,0,0,.26)}
.sl-print{box-sizing:border-box;position:relative;overflow:hidden;width:128mm;min-height:190mm;margin:0 auto;background:#fff;color:#000;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:9pt;line-height:1.18;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sl-print.sl-a4{width:190mm;min-height:277mm}.sl-print-header{display:flex;align-items:center;gap:4mm;padding-bottom:2.5mm}.sl-logo-box{width:16mm;height:16mm;overflow:hidden;flex:none;position:relative}.sl-logo{width:18.8mm;height:18.8mm;max-width:none;object-fit:contain;display:block;position:absolute;left:-1.4mm;top:-1.4mm}.sl-title{flex:1;text-align:center;font-size:12pt;font-weight:700;line-height:1.15}.sl-supply{text-align:center;font-size:9.5pt;font-weight:700;margin:3mm 0 3.5mm}.sl-row{display:flex;align-items:baseline;gap:2mm;margin-bottom:2.2mm;min-height:4.3mm}.sl-num{width:6mm;flex:none}.sl-caption{flex:none;white-space:nowrap}.sl-value{flex:1;min-width:12mm;font-weight:700;border-bottom:.3mm solid #000;min-height:4mm;padding:0 1mm;overflow-wrap:anywhere}.sl-twin{display:flex;align-items:baseline;gap:2mm;flex:1;min-width:0}.sl-indent{margin-left:22mm}.sl-cert{font-size:8.5pt;line-height:1.32;margin:4mm 0 3.5mm}.sl-footer-lines{margin-top:1mm}.sl-footer-row{display:flex;align-items:baseline;gap:2mm;min-height:4.5mm;margin-bottom:1.6mm}.sl-footer-caption{flex:none;white-space:nowrap}.sl-footer-value{flex:1;min-width:12mm;min-height:4.5mm;padding:0 1mm;border-bottom:.3mm solid #000;font-weight:700;overflow-wrap:anywhere}.sl-footer-row.sl-signature-line .sl-footer-value,.sl-footer-row.sl-stamp .sl-footer-value{min-height:7mm}.sl-meta{margin-top:2mm;text-align:right;font-size:6.5pt;color:#333}.sl-void-mark{position:absolute;z-index:3;left:13mm;top:78mm;width:102mm;padding:2mm 0;border:.9mm solid rgba(176,0,0,.28);color:rgba(176,0,0,.28);font-size:35pt;font-weight:800;letter-spacing:.18em;text-align:center;transform:rotate(-20deg);pointer-events:none}.sl-void-mark span{display:block;margin-top:1mm;font-size:8pt;letter-spacing:.04em}.sl-batch+.sl-batch{break-before:page;page-break-before:always}.sl-sheet{box-sizing:border-box;width:190mm;height:277mm;margin:0 auto;background:#fff;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.sl-quad{box-sizing:border-box;overflow:hidden;padding:2mm;min-width:0;min-height:0}.sl-quad:nth-child(odd){border-right:.2mm dotted #999}.sl-quad:nth-child(-n+2){border-bottom:.2mm dotted #999}.sl-quad .sl-print{width:128mm;min-height:190mm;transform:scale(.7);transform-origin:top left}.sl-quad-empty{background:#fff}.sl-sheet+.sl-sheet{break-before:page;page-break-before:always}.sl-quad .sl-meta{font-size:9pt}.sl-quad .sl-cert{font-size:9.5pt}.sl-quad .sl-row{margin-bottom:1.8mm}.sl-quad .sl-footer-row{margin-bottom:1.25mm}.sl-quad .sl-footer-row.sl-signature-line .sl-footer-value,.sl-quad .sl-footer-row.sl-stamp .sl-footer-value{min-height:8mm}.sl-sheet-scale{transform:scale(.62);transform-origin:top left;width:190mm;height:calc(277mm * .62);overflow:hidden}.sl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s-3)}.sl-tab-item{display:inline-flex;position:relative}.sl-tabs button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--s2);color:var(--text-2);border-radius:var(--r-1);padding:7px 11px;font:inherit;font-size:12.5px;cursor:pointer}.sl-tabs button[data-on="true"]{background:var(--s3);color:var(--text);border-color:var(--line-soft)}.sl-tab-dot{width:7px;height:7px;border-radius:50%;background:var(--warn);flex:none}.sl-tab-dot[data-done="true"]{background:var(--good)}.sl-tabs .sl-tab-remove{width:25px;justify-content:center;margin-left:-1px;padding:0;border-radius:0 var(--r-1) var(--r-1) 0;color:var(--muted)}.sl-tab-item>button:first-child:not(:only-child){border-radius:var(--r-1) 0 0 var(--r-1)}.sl-tab-add{border-style:dashed!important;color:var(--muted)!important}.sl-status{text-transform:capitalize}.sl-status[data-status="void"]{color:var(--crit);border-color:rgba(244,83,92,.35)}tr[data-status="void"]{opacity:.72}
@media (max-width:1023px){.sl-form-layout{grid-template-columns:1fr}.sl-form-layout .sl-preview-shell{display:none}.sl-actions{grid-template-columns:1fr}}
@media (max-width:640px){.sl-action{min-height:145px;padding:var(--s-4)}.sl-action h2{font-size:17px}.sl-preview-scale{width:100%;transform:none}.sl-print{width:100%;min-height:auto;padding:0;font-size:8px}.sl-print-header{gap:8px}.sl-logo-box{width:35px;height:35px}.sl-logo{width:41.1px;height:41.1px;left:-3px;top:-3px}.sl-title{font-size:10px}.sl-supply{font-size:8px}.sl-row{gap:5px;margin-bottom:5px}.sl-num{width:17px}.sl-caption{white-space:normal}.sl-indent{margin-left:30px}.sl-footer-row{gap:5px;margin-bottom:4px}.sl-footer-caption{white-space:normal}.sl-footer-row.sl-signature-line .sl-footer-value,.sl-footer-row.sl-stamp .sl-footer-value{min-height:20px}.sl-quad .sl-print{width:128mm;min-height:190mm;font-size:9pt;padding:0}.sl-quad .sl-print-header{gap:4mm}.sl-quad .sl-logo-box{width:16mm;height:16mm}.sl-quad .sl-logo{width:18.8mm;height:18.8mm;left:-1.4mm;top:-1.4mm}.sl-quad .sl-title{font-size:12pt}.sl-quad .sl-supply{font-size:9pt}.sl-quad .sl-row{gap:1.5mm;margin-bottom:1.8mm}.sl-quad .sl-num{width:6mm}.sl-quad .sl-indent{margin-left:10mm}.sl-quad .sl-footer-row{gap:2mm;margin-bottom:1.25mm}.sl-quad .sl-footer-caption{white-space:nowrap}.sl-quad .sl-footer-row.sl-signature-line .sl-footer-value,.sl-quad .sl-footer-row.sl-stamp .sl-footer-value{min-height:8mm}}
@page{size:A4 portrait;margin:10mm}
@media print{body>*:not(#modalRoot){display:none!important}#modalRoot{display:block!important}#modalRoot .scrim{position:static!important;background:#fff!important;padding:0!important}#modalRoot .modal{display:block!important;width:auto!important;max-width:none!important;max-height:none!important;border:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}#modalRoot .modal-hd,#modalRoot .modal-ft{display:none!important}#modalRoot .modal-bd{display:block!important;padding:0!important;overflow:visible!important}.sl-preview-shell{display:block!important;background:#fff!important;border:0!important;padding:0!important;overflow:visible!important}.sl-preview-scale{width:auto!important;transform:none!important}.sl-print{box-shadow:none!important}.sl-batch+.sl-batch{break-before:page;page-break-before:always}.sl-sheet+.sl-sheet{break-before:page;page-break-before:always}.sl-sheet{width:190mm!important;height:277mm!important;box-shadow:none!important}.sl-sheet-scale{transform:none!important;width:auto!important;height:auto!important;overflow:visible!important}}
