/* ============================================================
   PRINT.CSS — Styling Cetak Invoice, Nota, Laporan
   ============================================================ */

@media print {
  /* ─── Sembunyikan elemen non-dokumen ──────────────────── */
  .no-print,
  #sidebar,
  .sidebar,
  #toast-container,
  .toast-container,
  #modal-overlay,
  .modal-overlay,
  .btn,
  .quick-action-btn,
  .dashboard__period-selector,
  .chart-placeholder,
  .modal-overlay {
    display: none !important;
  }

  /* ─── Reset layout untuk cetak ────────────────────────── */
  #app {
    display: block !important;
  }

  .main-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }

  body {
    background: white !important;
    color: black !important;
    font-size: 11pt;
    line-height: 1.4;
  }

  /* ─── Card & container tanpa shadow ───────────────────── */
  .card,
  .kpi-card,
  .chart-card {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* ─── Tabel dengan border jelas ───────────────────────── */
  .table-container {
    overflow: visible !important;
    border: none !important;
  }

  table {
    border: 1px solid #000;
    font-size: 10pt;
  }

  th, td {
    border: 1px solid #000;
    padding: 4px 6px;
  }

  thead th {
    background-color: #eee !important;
    color: black !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  tbody tr:hover {
    background-color: transparent !important;
  }

  /* ─── Link tampil sebagai teks biasa ──────────────────── */
  a {
    text-decoration: none;
    color: black;
  }

  /* ─── Pastikan badge tetap terlihat ───────────────────── */
  .badge {
    border: 1px solid #000;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* ─── Page break utility ──────────────────────────────── */
  .page-break-before { page-break-before: always; }
  .page-break-after  { page-break-after: always; }

  /* ─── Margin halaman ──────────────────────────────────── */
  @page {
    margin: 1.5cm;
    size: A4;
  }

  /* ─── Optimasi warna ──────────────────────────────────── */
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}