/* Gaya tambahan di luar Tailwind. */
.tabular-nums { font-variant-numeric: tabular-nums; }
table.data { width: 100%; border-collapse: collapse; font-size: .875rem; }
table.data th { text-align: left; font-weight: 700; color: #475569; background: #f8fafc; padding: .6rem .75rem; border-bottom: 1px solid #e2e8f0; white-space: nowrap; }
table.data td { padding: .6rem .75rem; border-bottom: 1px solid #f1f5f9; vertical-align: top; }
table.data tr:hover td { background: #fafaff; }
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
dialog::backdrop { background: rgba(15, 23, 42, .55); }

@media print {
  @page { size: A4; margin: 12mm; }
  .no-print { display: none !important; }
  body { background: #fff !important; }
  main, .max-w-7xl { max-width: none !important; padding: 0 !important; }
  section { box-shadow: none !important; border: 0 !important; break-inside: auto; }
  table.data { font-size: 9pt; }
  table.data tr { break-inside: avoid; }
  .print-only { display: block !important; }
}
.print-only { display: none; }