/* Comissionario — Impressão (fundo branco / texto preto, zero tema escuro) */

@media print {
  html, body { background: #fff !important; }

  /* Remove custo de tinta genérico: sombra, blur, textura, animação */
  *, *::before, *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Fundo escuro dos painéis/cards -> branco (isso é o que custava caro).
     Propositalmente NÃO aplicado em elementos menores (barras de distribuição,
     tarjas coloridas dos itens) — essas cores são informação, não "tema escuro",
     e o custo de tinta delas é irrelevante. */
  #root, .min-h-screen,
  .result-diagnostic, .result-recommendations, .result-options, .result-panel-base,
  .wizard, .card, .step-card, .glass, .glass-strong,
  .result-breakdown-item, .result-option-a, .result-option-b, .result-option-card,
  .result-breakdown-highlight {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    color: #111111 !important;
  }

  h1, h2, h3, p, span, label, td, th, div {
    color: #111111 !important;
  }

  /* Elementos só de interação/decoração — não vão pro papel */
  .fixed,
  .nav-buttons,
  .wizard,
  .btn-nortia,
  .toggle,
  .result-diagnostic-noise,
  .result-recommendations-noise,
  .result-options-noise,
  .result-panel-noise,
  .result-diagnostic-accent {
    display: none !important;
  }

  a { text-decoration: underline !important; }

  /* Logo (versão clara, feita pra fundo escuro) fica invisível no papel branco —
     some ela e mostra a versão preta injetada pelo print-button.js */
  img[src*="nortia-logo-white"] { display: none !important; }

  /* Banner promocional "Comunidade Nortia" + rodapé — só o resultado importa */
  .print-hide-banner { display: none !important; }

  @page { margin: 14mm; }
}

.print-only-logo { display: none; }
@media print {
  .print-only-logo {
    display: block !important;
    height: 64px;
    width: auto;
    margin: 0 auto 12px;
  }
}