/* ============================================================
   BURAQ KITCHEN — print sheet
   62 × 100 mm labels (Brother QL-820NWBc, DK-11202 die-cut),
   4-per-A4 fallback, A4 packing sheet + launch checklist.
   The @page size is set by kitchen.js into <style id="pagestyle">
   before window.print() (62mm 100mm / A4). Ink only on labels.
   ============================================================ */

/* ---- the box label (all media: the on-screen preview uses the same box) ---- */
.label{box-sizing:border-box;width:58mm;height:96mm;padding:1mm;background:#fff;color:#000;font-family:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-variation-settings:"wdth" 100;display:flex;flex-direction:column;overflow:hidden;line-height:1.15;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.lb-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:.45mm solid #000;padding-bottom:.6mm}
.lb-wm{font-variation-settings:"wdth" 118;font-weight:850;font-size:9pt;letter-spacing:-.01em;text-transform:uppercase}
.lb-n{font-size:7.5pt;font-weight:700;font-variant-numeric:tabular-nums}
.lb-dish{font-size:18pt;font-weight:800;line-height:1.02;margin-top:1.8mm;letter-spacing:-.01em;font-variation-settings:"wdth" 102}
.lb-sub{font-size:8.5pt;margin-top:.9mm}
.lb-contains{font-size:13pt;font-weight:900;text-transform:uppercase;margin-top:1.8mm;letter-spacing:.02em}
.lb-who{margin-top:1.8mm;display:flex;flex-direction:column;gap:.3mm}
.lb-who b{font-size:13pt;font-weight:800;line-height:1.1}
.lb-who span{font-size:8pt}
.lb-made{font-size:8.5pt;font-weight:700;margin-top:1.8mm}
.lb-eat{font-size:7.5pt;margin-top:.6mm;line-height:1.22}
.lb-foot{margin-top:auto;display:flex;gap:1.5mm;align-items:flex-end;padding-top:1mm}
.lb-foot svg{flex:none;display:block}
.lb-co{font-size:6.5pt;display:flex;flex-direction:column;gap:.4mm;line-height:1.15;min-width:0}
.lb-co b{font-weight:700}

/* ---- A4 sheets (packing sheet, launch checklist) ---- */
.a4{box-sizing:border-box;width:186mm;max-width:100%;margin:0 auto;color:#000;background:#fff;font-family:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:10.5pt;line-height:1.3}
.a4 h1{font-size:20pt;font-weight:800;margin:0 0 1mm;color:#000;line-height:1.05}
.a4 h2{font-size:12.5pt;font-weight:800;margin:6mm 0 2mm;color:#000;border-bottom:.4mm solid #000;padding-bottom:1mm;break-after:avoid}
.a4 .wm{font-variation-settings:"wdth" 118;font-weight:850;font-size:12pt;letter-spacing:-.01em;text-transform:uppercase}
.a4 .head{display:flex;justify-content:space-between;align-items:flex-end;gap:4mm;border-bottom:.6mm solid #000;padding-bottom:2mm;margin-bottom:3mm}
.a4 table{width:100%;border-collapse:collapse;font-size:10pt}
.a4 th{text-align:left;font-size:8pt;letter-spacing:.06em;text-transform:uppercase;border-bottom:.3mm solid #000;padding:1mm 1.5mm}
.a4 td{padding:1.2mm 1.5mm;border-bottom:.2mm solid #999;vertical-align:top}
.a4 td.n,.a4 th.n{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}
.a4 .cols{display:grid;grid-template-columns:1fr 1fr;gap:6mm}
.a4 ul.tick{list-style:none;margin:0;padding:0}
.a4 ul.tick li{display:flex;gap:2.5mm;align-items:flex-start;padding:1.3mm 0;border-bottom:.2mm solid #ccc;break-inside:avoid}
.a4 .cb{flex:none;width:5mm;height:5mm;border:.4mm solid #000;border-radius:1mm;margin-top:.3mm;display:grid;place-items:center;font-size:9pt;font-weight:900;line-height:1}
.a4 .sig{margin-top:8mm;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6mm}
.a4 .sig div{border-top:.3mm solid #000;padding-top:1mm;font-size:8pt;text-transform:uppercase;letter-spacing:.06em}
.a4 .muted{color:#444;font-size:9pt}
.a4 .counts{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin:2mm 0 3mm}
.a4 .counts>div{border:.3mm solid #000;border-radius:2mm;padding:2mm 3mm}
.a4 .counts .big{font-size:24pt;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.a4 .counts .l{font-size:7.5pt;text-transform:uppercase;letter-spacing:.06em;margin-top:1mm}
.a4 .drop{margin:2mm 0}
.a4 .drop b{font-size:11pt}
.a4 .foot{margin-top:6mm;font-size:8pt;color:#444;border-top:.2mm solid #999;padding-top:1.5mm}

/* screen-side preview of an A4 sheet */
.a4-preview{background:#fff;border:1px solid var(--line,#ddd);padding:8mm;overflow-x:auto;border-radius:14px}

/* ---- print ---- */
@media print{
  body[data-print]{background:#fff!important;padding:0!important;margin:0!important}
  body[data-print] > :not(#printroot){display:none!important}
  #printroot{display:block!important}
  body[data-print="labels"] .label{width:58mm;height:96mm;padding:1mm;border:0;margin:0;box-shadow:none;break-after:page;page-break-after:always}
  body[data-print="labels"] .label:last-child{break-after:auto;page-break-after:auto}
  body[data-print="a4labels"] .a4sheet{display:grid;grid-template-columns:62mm 62mm;gap:8mm 12mm;justify-content:center;align-content:start;break-after:page;page-break-after:always}
  body[data-print="a4labels"] .a4sheet:last-child{break-after:auto;page-break-after:auto}
  body[data-print="a4labels"] .label{width:62mm;height:100mm;padding:3mm;border:.3mm dashed #888;box-shadow:none}
  body[data-print="packing"] .a4,body[data-print="launch"] .a4{width:auto;max-width:none;margin:0}
}