/*
  print.css — Estilos para exportar o relatório como PDF.
  Adicione em frontend/public/print.css e importe no index.html:
    <link rel="stylesheet" href="/print.css" media="print" />

  O usuário clica "Baixar PDF" → window.print() → Ctrl+P →
  "Salvar como PDF" no diálogo do navegador.
  Funciona no Chrome, Firefox e Safari sem dependências extras.
*/

@media print {

  /* ─── Layout ─────────────────────────────────────────────────── */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html, body {
    background: #ffffff !important;
    color: #111111 !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11pt;
  }

  @page {
    size: A4 portrait;
    margin: 18mm 20mm;
  }

  /* ─── Ocultar elementos que não são o relatório ──────────────── */
  nav,
  .no-print,
  button,
  input,
  footer,
  [data-noprint] {
    display: none !important;
  }

  /* ─── Quebra de página ────────────────────────────────────────── */
  .report-section {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* ─── Fundo escuro → branco ───────────────────────────────────── */
  [style*="background:#0D1117"],
  [style*="background: #0D1117"],
  [style*="background:#161B27"],
  [style*="background:#1E2538"] {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
  }

  /* ─── Textos claros → escuros ─────────────────────────────────── */
  [style*="color:#EAE4D8"],
  [style*="color: #EAE4D8"] { color: #111111 !important; }

  [style*="color:#7A808F"],
  [style*="color: #7A808F"] { color: #555555 !important; }

  /* ─── Barras de progresso ─────────────────────────────────────── */
  [style*="background:#1E2538"] {
    background: #f3f4f6 !important;
  }

  /* ─── SVG / Recharts ──────────────────────────────────────────── */
  svg text { fill: #555555 !important; }

  /* ─── Header do relatório ─────────────────────────────────────── */
  .report-header::before {
    content: 'MeuEu · Relatório de Personalidade Big Five';
    display: block;
    font-size: 9pt;
    color: #999999;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 4mm;
  }

  /* ─── Watermark no rodapé ─────────────────────────────────────── */
  .report-footer::after {
    content: 'meueu.app · Baseado no IPIP-NEO (domínio público)';
    display: block;
    text-align: center;
    font-size: 8pt;
    color: #aaaaaa;
    margin-top: 8mm;
    padding-top: 4mm;
    border-top: 1px solid #e5e7eb;
  }
}