/* backend/static/css/print.css */

/* Versão: 2.0.0 - BTOS Print & PDF Engine (DNA Edition)
   Foco: Fidelidade Cromática DISC, Otimização A4 e Tipografia de Alta Precisão */

/* ==========================================================================
   CONFIGURAÇÕES DE PÁGINA E RESET
   ========================================================================== */
html {
  font-size: 12pt !important;
}

body {
  display: block !important;

  width: 210mm;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  font-family: var(--font-family-sans-serif) !important;
  color: var(--color-text-default) !important;

  background: #fff !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  break-after: avoid !important;
  font-family: var(--font-family-headings) !important;
  color: var(--brand-dark) !important;
}

/* ==========================================================================
   LAYOUT DE IMPRESSÃO (A4)
   ========================================================================== */
.container {
  overflow: visible !important;
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;

  background-color: transparent !important;
  box-shadow: none !important;
}

.content-section {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Controle de Quebra de Página Cirúrgico */
.card,
.interpretation-block,
.highlight-section,
.alert,
div[class*="highlight-priority-"],
.summary-and-scores-grid > div,
.score-details-table tbody tr,
.markdown-content p,
.markdown-content li,
.markdown-content blockquote,
table {
  break-inside: avoid !important;
}

/* ==========================================================================
   ESTILOS ESPECÍFICOS DO RELATÓRIO DISC
   ========================================================================== */
.report-title {
  margin-bottom: 0.5rem !important;
  padding-bottom: 5px !important;
  border-bottom: 3px solid var(--brand-c) !important;

  font-size: 24pt !important;
  font-weight: 800 !important;
  color: var(--brand-primary) !important;
  text-align: center !important;
}

.report-logo {
  display: block;

  max-width: 200px !important;
  margin-right: auto;
  margin-bottom: 1rem !important;
  margin-left: auto;
}

/* Gráficos e Scores (Preservação de Layout) */
.chart-full-width .card {
  border: 1px solid var(--border-color-light) !important;
  box-shadow: none !important;
}

.chart-full-width .card-header {
  padding: 8pt 12pt !important;
  background-color: var(--color-bg-light) !important;
}

.chart-full-width .card-header h3 {
  margin-bottom: 0 !important;
  font-size: 14pt !important;
  font-weight: 700 !important;
}

#report-content > .summary-and-scores-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20pt !important;
  margin-bottom: 20pt !important;
}

#report-content > .summary-and-scores-grid > div {
  padding: 0 !important;
  border: 1px solid var(--border-color-light) !important;
  border-radius: var(--radius-md) !important;
}

/* Tabelas de Score (Precisão BTOS) */
.score-details-table {
  border: 1px solid var(--border-color-light) !important;
  font-size: 10pt !important;
}

table th {
  font-weight: 700 !important;
  color: var(--brand-dark) !important;
  text-transform: uppercase;
  background-color: var(--color-bg-light) !important;
}

/* Blocos de Interpretação (DNA Restoration) */
.interpretation-block {
  margin-bottom: 15pt !important;
  padding: 12pt 15pt !important;
  border: 1px solid var(--border-color-light) !important;
  border-radius: var(--radius-md) !important;
}

.interpretation-block h4 {
  border-bottom: 1px solid var(--border-color-light) !important;
  font-size: 16pt !important;
  color: var(--brand-dark) !important;
}

.interpretation-block h5 {
  font-size: 13pt !important;
  color: var(--brand-primary) !important;
}

/* Destaques Semânticos em Impressão */
.interpretation-block > .highlight-section {
  margin: 10pt 0 !important;
  padding: 10pt !important;
  border-left: 4pt solid !important;
}

.interpretation-block > .highlight-description {
  border-color: var(--brand-c) !important;
  background-color: #f0f2f8 !important;
}

.interpretation-block > .highlight-characteristics {
  border-color: var(--brand-i) !important;
  background-color: #fef9ec !important;
}

.interpretation-block > .highlight-pontos-fortes {
  border-color: var(--brand-s) !important;
  background-color: #f1f7f2 !important;
}

.interpretation-block > .alert.highlight-tendency {
  border-left: 4pt solid var(--brand-primary) !important;
  background-color: #f0f3ff !important;
}

.interpretation-block > .alert.highlight-reflection {
  border-left: 4pt solid var(--brand-d) !important;
  background-color: #fff5f5 !important;
}

/* ==========================================================================
   ELEMENTOS OCULTOS NA IMPRESSÃO
   ========================================================================== */
.quick-links,
.actions,
.card-footer img,
.timer-container,
header,
nav,
#timer-display,
.chatbot-container,
.proactive-chat-container,
#cookie-banner,
.btn-btos-primary,
.btn-btos-secondary,
footer {
  display: none !important;
  visibility: hidden !important;
}