/* สไตล์ใบเสร็จของหน้า /pos/ — แยกไฟล์เพราะเป็นเรื่องของ "ตอนพิมพ์" ล้วน ไม่เกี่ยวกับหน้าจอ
   ใช้วิธี visibility แทน display:none เพราะ display:none บนบรรพบุรุษจะพาลูกหายไปด้วย
   ทำให้ซ่อนทุกอย่างแล้วโชว์เฉพาะใบเสร็จไม่ได้ */

/* ---------- บนหน้าจอ: ใบเสร็จอยู่ในกล่องซ้อน ---------- */
.receipt-paper {
  font-family: "SFMono-Regular", "Consolas", "Menlo", monospace;
  font-size: 0.82rem;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  color: #111;
  border-radius: 12px;
  padding: 18px 16px;
  max-height: 55vh;
  overflow-y: auto;
}

/* ---------- ตอนสั่งพิมพ์ ----------
   กฎทั้งชุดผูกกับคลาส .printing-receipt ที่ JS ใส่ให้ตอนกดปุ่มพิมพ์ใบเสร็จเท่านั้น
   ถ้าปล่อยให้มีผลตลอดเวลา คนที่กด Ctrl+P บนหน้าเว็บปกติจะได้กระดาษเปล่าออกมา */
@media print {
  .printing-receipt .aurora,
  .printing-receipt .nav,
  .printing-receipt footer,
  .printing-receipt article,
  .printing-receipt .no-print { display: none !important; }

  .printing-receipt body { background: #fff !important; color: #000 !important; }

  .printing-receipt body * { visibility: hidden; }
  .printing-receipt .receipt-paper,
  .printing-receipt .receipt-paper * { visibility: visible; }

  .printing-receipt .receipt-paper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-height: none;
    overflow: visible;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #000;
    font-size: 12px;
    box-shadow: none;
  }

  /* เครื่องพิมพ์สลิปกินกระดาษตามความยาวเนื้อหา ไม่ต้องเว้นขอบแบบ A4 */
  @page { margin: 4mm; }
}