/* ── Print Styles ────────────────────────────────────────── */
@media print {

  /* ── Default: cetak LAPORAN ───────────────────────────── */
  .app-nav,
  .kasir-layout,
  .modal-overlay,
  .toast,
  .print-hide,
  .header-actions,
  .filter-form,
  .mobile-lap-list { display: none !important; }

  body, .page-content, .container {
    margin: 0 !important;
    padding: 0 !important;
  }

  .table-responsive { display: block !important; overflow: visible !important; }
  .data-table { font-size: 9px; width: 100%; border-collapse: collapse; }
  .data-table th, .data-table td { padding: 3px 5px; border: 1px solid #ccc; }
  .card { box-shadow: none !important; border: 1px solid #ddd; margin-bottom: 8px; }
  .print-show { display: block !important; }

  /* ── Mode STRUK: aktif saat body punya class print-struk ─ */
  body.print-struk * { visibility: hidden !important; }

  body.print-struk #struk-content,
  body.print-struk #struk-content * {
    visibility: visible !important;
  }

  body.print-struk #modalStruk {
    display: block !important;
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    background: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
  }

  body.print-struk #struk-content {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 58mm;
    font-family: 'Courier New', monospace;
    font-size: 11px;
    color: #000 !important;
    background: #fff !important;
    padding: 4mm;
  }

  /* Sembunyikan semua UI lain saat cetak struk */
  body.print-struk .app-nav,
  body.print-struk .kasir-layout,
  body.print-struk .modal-footer,
  body.print-struk .modal-header { display: none !important; }

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