/* print.css — rapportweergave voor afdrukken/PDF (media="print").
   De schermweergave van het rapport gebruikt de gewone app-stijlen +
   de .report/.rep-* regels onderaan (die staan buiten @media). */

@page { size: A4; margin: 18mm 16mm; }
@page :first { margin-top: 14mm; }

@media print {
  :root { --page: #fff; --surface: #fff; }
  body { background: #fff !important; color: #000 !important; }
  .sidebar, .header, .toasts, .no-print, .modal-scrim { display: none !important; }
  #app { display: block !important; height: auto !important; }
  .main { overflow: visible !important; padding: 0 !important; }
  .main > .view { max-width: none !important; }

  /* kleuren van badges/severity behouden bij afdrukken */
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

  .rep-sec { break-inside: auto; }
  .rep-sec h2 { break-after: avoid; }
  figure.rep-fig { break-inside: avoid; }
  .rep-cover { break-after: page; }
  table.tbl thead { display: table-header-group; } /* kop herhalen per pagina */
  tr { break-inside: avoid; }

  .report { font-size: 11pt; }
  .rep-notes { min-height: auto; border: none !important; }
  .rep-notes:empty::before { content: ""; }
}

/* ---- rapport-opmaak (scherm én print) ---- */
.report { max-width: 900px; margin: 0 auto; color: var(--ink); }
.rep-sec { margin-bottom: var(--sp-6); }
.rep-sec h2 { font-size: 1.15rem; border-bottom: 1px solid var(--border); padding-bottom: var(--sp-1); margin-bottom: var(--sp-3); }
.rep-cover { text-align: center; padding: var(--sp-6) 0; }
.rep-cover h1 { font-size: 2rem; margin: var(--sp-3) 0 var(--sp-1); }
.rep-subtitle { font-size: 1.1rem; color: var(--ink-2); margin-bottom: var(--sp-2); }
.rep-notes {
  margin: var(--sp-5) auto 0; max-width: 640px; min-height: 60px; text-align: left;
  border: 1px dashed var(--border); border-radius: var(--rad-sm); padding: var(--sp-3);
}
.rep-notes:empty::before { content: attr(data-placeholder); color: var(--ink-mut); }
.rep-warn {
  margin-top: var(--sp-2); padding: var(--sp-2) var(--sp-3);
  border-left: 3px solid var(--warn); background: rgba(250,178,25,.10); border-radius: var(--rad-sm);
}
figure.rep-fig { margin: var(--sp-3) 0; }
figure.rep-fig figcaption { font-size: 0.85rem; color: var(--ink-2); margin-top: var(--sp-1); text-align: center; }
.rep-mod td { background: var(--surface-2); }