/* =============================================================================
   receipt.css — 80mm thermal pickup slip
   Loaded with media="print". its.css hides the whole UI when printing; this
   sheet reveals only #printSheet and lays it out for a 80mm roll printer.
   ============================================================================= */

@page{
  size: 80mm auto;
  margin: 0;
}

html, body{
  background:#fff !important;
  width:80mm !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

body > *{ display:none !important; }

#printSheet{
  display:block !important;
  width:72mm;
  margin:0 auto;
  padding:4mm 0 8mm;
  color:#000;
  font-family:'Satoshi', 'Helvetica Neue', Arial, sans-serif;
  font-size:10pt;
  line-height:1.32;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}

#printSheet .p-logo{
  display:block;
  width:52mm;
  max-width:100%;
  height:auto;
  margin:0 auto;
}
#printSheet .p-store{
  text-align:center;
  font-size:9.5pt;
  font-weight:700;
  margin-top:1mm;
}
#printSheet .p-addr{
  text-align:center;
  font-size:8pt;
  margin-top:.5mm;
}

#printSheet .p-rule{
  border:0; border-top:1px dashed #000; margin:3mm 0;
}
#printSheet .p-rule--solid{ border-top:2px solid #000; }

#printSheet .p-title{
  text-align:center; font-size:8.5pt; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
}
#printSheet .p-order{
  text-align:center; font-size:15pt; font-weight:700;
  margin-top:1.5mm; letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
  word-break:break-all;
}

#printSheet .p-barcode{
  display:flex; align-items:stretch; justify-content:center;
  height:16mm; margin:3mm 0 1.5mm;
}
#printSheet .p-barcode i{ display:block; background:#000; }
#printSheet .p-barcode-num{
  text-align:center; font-size:8pt; letter-spacing:.28em;
  font-variant-numeric:tabular-nums;
}

#printSheet .p-meta{
  display:flex; justify-content:space-between; gap:3mm;
  font-size:8.5pt; margin-top:2mm;
}

#printSheet .p-item{
  display:flex; gap:2.5mm; padding:2mm 0;
  border-bottom:1px dotted #000;
}
#printSheet .p-item:last-child{ border-bottom:0; }
#printSheet .p-q{ font-weight:700; font-size:10pt; min-width:4mm; }
#printSheet .p-t{ flex:1; min-width:0; }
#printSheet .p-n{ display:block; font-weight:700; font-size:10pt; line-height:1.2; overflow-wrap:break-word; }
#printSheet .p-c{ display:block; font-size:8.5pt; margin-top:.4mm; }
#printSheet .p-sku{ display:block; font-size:7.5pt; letter-spacing:.06em; margin-top:.4mm; white-space:nowrap; }
#printSheet .p-bin{
  display:inline-block; margin-top:1mm; padding:.6mm 1.6mm;
  background:#000; color:#fff; font-size:8.5pt; font-weight:700; letter-spacing:.08em;
}
#printSheet .p-p{ font-weight:700; font-size:9.5pt; white-space:nowrap; font-variant-numeric:tabular-nums; }

#printSheet .p-row{
  display:flex; justify-content:space-between; gap:3mm;
  font-size:9pt; padding:.7mm 0; font-variant-numeric:tabular-nums;
}
#printSheet .p-row--total{ font-size:12pt; font-weight:700; margin-top:1.5mm; }

#printSheet .p-note{
  margin-top:3mm; text-align:center; font-size:8.5pt; line-height:1.35;
}
#printSheet .p-note strong{ font-size:9.5pt; }
#printSheet .p-foot{
  margin-top:3mm; text-align:center; font-size:7.5pt; letter-spacing:.04em;
}

#printSheet .p-note-inline{
  display:block; margin-top:1mm; font-size:8pt; font-weight:700;
}

/* Two-section slip: the picker's list and the warehouse's list never share a
   block, so nothing gets fetched off a shelf it isn't on. */
#printSheet .p-sec{
  margin:3mm 0 1.5mm;
  padding:1.2mm 0;
  text-align:center;
  font-size:8.5pt;
  font-weight:700;
  letter-spacing:.1em;
  border-top:1px dashed #000;
  border-bottom:1px dashed #000;
}