/* Print stylesheet — only used by the browser's print engine (media="print").
   Goal: clean A4 portrait output of the two report screens, nothing else. */

@page {
  size: A4 portrait;
  margin: 14mm 12mm;
}

body {
  background: #fff !important;
  color: #000 !important;
  font-size: 11.5pt;
}

.no-print, .topbar, .tabs, .app-footer { display: none !important; }

#app { max-width: none; margin: 0; padding: 0; }
.view { max-width: none; }

.report-header h1 { font-size: 16pt; }
.report-header h2 { font-size: 13pt; }
.report-meta { font-size: 9.5pt; }

table.data-table, table.report-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10pt;
  background: #fff !important;
}
table.data-table th, table.data-table td,
table.report-table th, table.report-table td {
  border: 1px solid #000 !important;
  padding: 4px 6px;
  color: #000 !important;
  background: #fff !important;
}
table.data-table thead, table.report-table thead {
  display: table-header-group; /* repeat header row on every printed page */
}
table.data-table tr, table.report-table tr {
  page-break-inside: avoid;
  break-inside: avoid;
}
table.data-table tr.total-row, table.report-table tr.total-row {
  font-weight: bold;
}

/* Page footer with a running page number. Chrome's print engine does not evaluate CSS counters
   in @page margin boxes, so for an on-paper page number, enable "Headers and footers" in the
   browser's print dialog (Chrome/Edge show it as a checkbox in More settings) — it prints
   "Page X of Y" automatically. See the README for the exact steps. */