/* =========================================================================
   receipt.css – how the printed bill looks on thermal paper.
   Black text only, no background colours (thermal printers print black).
   ========================================================================= */
#print-area { display: none; }

/* used for a moment to measure the bill length before printing */
#print-area.measuring { display: block; position: absolute; left: -10000px; top: 0; }

#print-area {
  font-family: Arial, "Segoe UI", sans-serif;
  color: #000;
  background: #fff;
  line-height: 1.3;
  margin: 0 auto;
}
.rc { padding: 2mm 0 4mm; }
.rc-shop { text-align: center; font-size: 1.6em; font-weight: 900; text-transform: uppercase; margin-bottom: 1mm; }
.rc-center { text-align: center; }
.rc-bold { font-weight: 900; }
.rc-line { border-top: 1px dashed #000; margin: 1.5mm 0; }
.rc-row { display: flex; justify-content: space-between; gap: 2mm; }
.rc-row span { white-space: nowrap; }
.rc-items { width: 100%; border-collapse: collapse; }
.rc-items th { font-weight: 800; border-bottom: 1px solid #000; text-align: right; padding: 0.5mm 0; }
.rc-items td { text-align: right; padding: 0.3mm 0; vertical-align: top; }
.rc-items th.l, .rc-items td.l { text-align: left; }
.rc-items td.l { font-weight: 700; padding-top: 1mm; }
.rc-items td.rc-sub { font-weight: 400; font-size: .9em; padding-top: 0; padding-left: 2mm; }
.rc-items th:nth-child(2), .rc-items td:nth-child(2) { width: 9mm; }
.rc-items th:nth-child(3), .rc-items td:nth-child(3) { width: 15mm; }
.rc-items th:nth-child(4), .rc-items td:nth-child(4) { width: 17mm; }
.rc-total { font-size: 1.45em; font-weight: 900; margin-top: 1mm; }
.rc-thanks { font-weight: 700; margin-top: 1mm; }

@media print {
  html, body { background: #fff !important; margin: 0 !important; padding: 0 !important; height: auto !important; }
  body { background-image: none !important; }
  #app, #modal-root, #toast-root { display: none !important; }
  #print-area { display: block !important; position: static !important; }
}
