/* ═══ สลิปคอมมิชชั่น — สำหรับพิมพ์ / บันทึกเป็น PDF ═══ */
#printArea{display:none}
body.printing #printArea{display:block}

.slip{
  font-family:var(--f-body);color:#111;background:#fff;
  width:78mm;padding:8mm 6mm;margin:0 auto 10mm;
  border:1px dashed #ccc;
}
.slip-h{text-align:center;margin-bottom:9px;padding-bottom:8px;border-bottom:1.5px solid #111}
.slip-shop{font-family:var(--f-head);font-size:16px;font-weight:700}
.slip-sub{font-size:11px;color:#555;margin-top:2px;letter-spacing:.06em}
.slip-row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:3.5px 0}
.slip-row b{font-variant-numeric:tabular-nums}
.slip-line{border-top:1px dashed #999;margin:7px 0}
.slip-total{font-size:15px;font-weight:700;padding:6px 0;border-top:1.5px solid #111;border-bottom:1.5px solid #111;margin-top:4px}
.slip-sign{margin-top:20px;font-size:11.5px;line-height:2.4;color:#333}
.slip-foot{margin-top:12px;font-size:9.5px;color:#777;text-align:center;border-top:1px dotted #ccc;padding-top:6px}

/* ═══ เอกสาร A4 — รายงานประจำเดือน ═══ */
.doc{
  font-family:var(--f-body);color:#1c1310;background:#fff;
  width:180mm;max-width:100%;margin:0 auto 10mm;padding:12mm 10mm;
  border:1px dashed #ccc;font-size:12.5px;line-height:1.55;
}
.doc-head{text-align:center;padding-bottom:12px;margin-bottom:14px;border-bottom:2px solid #1c1310}
.doc-brand{font-family:var(--f-head);font-size:22px;font-weight:700;letter-spacing:.02em}
.doc-sub{font-size:10.5px;color:#8a6f63;letter-spacing:.18em;text-transform:uppercase;margin-top:2px}
.doc-title{font-size:15px;font-weight:700;margin-top:10px}
.doc-meta{font-size:10.5px;color:#777;margin-top:3px}
.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 4px}
.doc-stat{border:1px solid #e5ddd6;border-radius:8px;padding:8px 10px;text-align:center}
.doc-stat .l{font-size:10px;color:#8a6f63;letter-spacing:.04em}
.doc-stat .v{font-family:var(--f-head);font-size:17px;font-weight:700;margin:2px 0;font-variant-numeric:tabular-nums}
.doc-stat .f{font-size:9.5px;color:#999}
.doc-sec{font-weight:700;font-size:12px;margin:16px 0 4px;padding:4px 8px;
  background:#f6efe9;border-left:3px solid #b98a72;border-radius:0 4px 4px 0}
.doc-row{display:flex;justify-content:space-between;gap:12px;padding:3px 8px;border-bottom:1px dotted #e8e0d9}
.doc-row .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.doc-row.strong{font-weight:700;border-bottom:1.5px solid #1c1310;border-top:1px solid #1c1310;background:#faf6f2}
.doc-sign{display:flex;justify-content:space-between;gap:20px;margin-top:34px;font-size:11.5px;color:#333}
.doc-foot{margin-top:22px;padding-top:8px;border-top:1px dotted #ccc;
  font-size:9.5px;color:#8a6f63;text-align:center}

@media print{
  @page{margin:6mm}
  html,body{background:#fff!important}
  body.printing>*:not(#printArea){display:none!important}
  body.printing #printArea{display:block!important;position:static}
  .slip{border:0;page-break-after:always;width:auto;max-width:78mm;padding:0 0 6mm}
  .slip:last-child{page-break-after:auto}
  .doc{border:0;width:auto;padding:0;margin:0}
  .doc-sec{break-after:avoid}
  .doc-stat,.doc-row{break-inside:avoid}
}