/* print.css — Phase 2.4b commission statement print-to-PDF.
   Linked with media="print", so these rules apply only when printing
   (Export PDF → browser "Save as PDF"). Only the statement prints. */

@page { size: A4 landscape; margin: 12mm; }

body { background: #fff !important; }

/* Hide all app chrome and anything marked no-print. */
.sidebar,
.bottom-tabs,
.tab-bar,
.app-header,
.top-bar,
.board-help,
.no-print,
.modal-overlay,
.toast-stack,
.toasts {
  display: none !important;
}

/* Let the statement use the full page. */
.app-shell,
.app-content,
main,
.view {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.table-scroll { overflow: visible !important; }

/* The printable statement block. */
#commission-print { display: block !important; }
.commission-print-head h1 { font-size: 16pt; margin: 0 0 2mm; }
.commission-print-head .list-row__sub { font-size: 9pt; }

.commission-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 7.5pt;
}
.commission-table th,
.commission-table td {
  border: 1px solid #999;
  padding: 2px 4px;
  text-align: left;
  white-space: normal;
}
.commission-table th.num,
.commission-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
.commission-table tr.commission-group td { background: #e8e8e8 !important; font-weight: 700; }

.commission-totals { margin-top: 4mm; }
.commission-total-claim { font-weight: 700; border-top: 2px solid #000; }
.commission-print-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 6mm;
  font-size: 9pt;
}
.commission-print-foot .approved-line { font-weight: 600; }