/* ============================================================
   Relatório Psicológico (IA) — Plano 014
   ------------------------------------------------------------
   Hierarquia visual do relatório renderizado (Markdig):
   abertura em destaque ("Em resumo" + "Para a próxima sessão"),
   box de risco forte, detalhes técnicos discretos, disclaimers
   quase invisíveis. Usa os tokens do Fogo Design System
   (colors via lifetracer-fogo.css) — superfícies escuras, nunca
   fundo claro.
   ============================================================ */

.relatorio-psi {
    font-family: var(--fogo-body);
    color: var(--fogo-tx-2);
    line-height: 1.65;
}

.relatorio-psi section + section {
    margin-top: 18px;
}

.relatorio-psi hr {
    border: none;
    border-top: 1px solid var(--fogo-line);
    opacity: 1;
    margin: 14px 0;
}

.relatorio-psi a { color: var(--fogo-amber-2); }

/* ── Cabeçalho do documento (título + meta + aviso de 1 linha) ── */
.relatorio-psi .rp-cabecalho h1 {
    font-family: var(--fogo-display);
    font-size: 1.25rem;
    font-weight: 650;
    letter-spacing: -.01em;
    color: var(--fogo-tx);
    margin-bottom: 6px;
}

.relatorio-psi .rp-cabecalho p {
    font-size: .8rem;
    color: var(--fogo-tx-3);
    margin-bottom: 4px;
}

.relatorio-psi .rp-cabecalho em {
    color: var(--fogo-tx-4);
    font-size: .78rem;
}

/* ── "Em resumo" — o caso em prosa, destaque máximo de leitura ── */
.relatorio-psi .rp-resumo {
    background: var(--fogo-surface-2);
    border: 1px solid var(--fogo-line);
    border-left: 3px solid var(--fogo-amber);
    border-radius: 12px;
    padding: 20px 22px;
}

.relatorio-psi .rp-resumo h2 {
    font-family: var(--fogo-display);
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--fogo-amber);
    margin: 0 0 12px;
}

.relatorio-psi .rp-resumo p {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--fogo-tx);
    margin-bottom: 10px;
}

.relatorio-psi .rp-resumo p:last-child { margin-bottom: 0; }

/* Box de risco (blockquote dentro do resumo) */
.relatorio-psi .rp-resumo blockquote {
    background: rgba(228, 69, 43, .10);
    border: 1px solid rgba(228, 69, 43, .30);
    border-left: 3px solid var(--fogo-ember);
    border-radius: 8px;
    padding: 10px 14px;
    margin: 14px 0 0;
}

.relatorio-psi .rp-resumo blockquote p {
    font-size: .9rem;
    color: var(--fogo-tx);
    margin: 0;
}

.relatorio-psi .rp-resumo blockquote strong { color: #FF8A70; }

/* ── "Para a próxima sessão" — a seção mais importante ── */
.relatorio-psi .rp-sessao {
    background: var(--fogo-amber-wash);
    border: 1px solid var(--fogo-amber-line);
    border-radius: 12px;
    padding: 20px 22px;
}

.relatorio-psi .rp-sessao h2 {
    font-family: var(--fogo-display);
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--fogo-amber-2);
    margin: 0 0 12px;
}

.relatorio-psi .rp-sessao ul,
.relatorio-psi .rp-sessao ol {
    margin: 0;
    padding-left: 20px;
}

.relatorio-psi .rp-sessao li {
    font-size: .95rem;
    line-height: 1.7;
    color: var(--fogo-tx);
    margin-bottom: 10px;
}

.relatorio-psi .rp-sessao li:last-child { margin-bottom: 0; }

.relatorio-psi .rp-sessao li::marker { color: var(--fogo-amber); }

.relatorio-psi .rp-sessao strong { color: var(--fogo-amber-2); }

.relatorio-psi .rp-sessao p {
    font-size: .95rem;
    color: var(--fogo-tx);
}

/* Perguntas prontas (citadas entre aspas) ganham leve destaque via em */
.relatorio-psi .rp-sessao em { color: var(--fogo-gold); font-style: italic; }

/* ── Miolo global do Baseline (Quem é este paciente / gráficos / padrões) ── */
.relatorio-psi .rp-miolo {
    padding: 4px 2px;
}

.relatorio-psi .rp-miolo h2 {
    font-family: var(--fogo-display);
    font-size: 1.05rem;
    font-weight: 650;
    color: var(--fogo-amber-2);
    border-bottom: 1px solid var(--fogo-amber-line);
    padding-bottom: 6px;
    margin: 26px 0 14px;
}

.relatorio-psi .rp-miolo h2:first-child { margin-top: 8px; }

.relatorio-psi .rp-miolo p {
    font-size: .97rem;
    line-height: 1.75;
    color: var(--fogo-tx);
    margin-bottom: 12px;
}

.relatorio-psi .rp-miolo strong { color: var(--fogo-amber-2); }

/* ── "Detalhes técnicos" em diante — presente, mas discreto ── */
.relatorio-psi .rp-tecnico,
.relatorio-psi .rp-corpo {
    font-size: .88rem;
    color: var(--fogo-tx-2);
}

.relatorio-psi .rp-tecnico h2,
.relatorio-psi .rp-corpo h2 {
    font-family: var(--fogo-display);
    font-size: 1rem;
    font-weight: 650;
    color: var(--fogo-tx);
    border-bottom: 1px solid var(--fogo-line);
    padding-bottom: 6px;
    margin: 22px 0 12px;
}

.relatorio-psi .rp-tecnico h3,
.relatorio-psi .rp-corpo h3 {
    font-family: var(--fogo-display);
    font-size: .9rem;
    font-weight: 600;
    color: var(--fogo-tx-2);
    margin: 16px 0 8px;
}

.relatorio-psi .rp-tecnico strong { color: var(--fogo-tx); }

/* Tabelas geradas pelo markdown (sem classe .table do Bootstrap) */
.relatorio-psi table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
    font-size: .84rem;
}

.relatorio-psi th {
    text-align: left;
    font-weight: 600;
    color: var(--fogo-tx-3);
    text-transform: uppercase;
    font-size: .72rem;
    letter-spacing: .05em;
    border-bottom: 1px solid var(--fogo-line-2);
    padding: 6px 10px;
}

.relatorio-psi td {
    border-bottom: 1px solid var(--fogo-line);
    padding: 6px 10px;
    color: var(--fogo-tx-2);
}

.relatorio-psi tbody tr:hover td { background: rgba(255, 255, 255, .03); }

/* Refs do ledger em código inline */
.relatorio-psi code {
    font-family: var(--fogo-mono);
    font-size: .78em;
    color: var(--fogo-tx-3);
    background: rgba(255, 255, 255, .06);
    border-radius: 4px;
    padding: 1px 5px;
}

/* Blockquotes técnicos e disclaimers do rodapé — quase invisíveis */
.relatorio-psi .rp-tecnico blockquote,
.relatorio-psi .rp-corpo blockquote {
    border-left: 2px solid var(--fogo-line-2);
    margin: 10px 0;
    padding: 4px 12px;
}

.relatorio-psi .rp-tecnico blockquote p,
.relatorio-psi .rp-corpo blockquote p {
    font-size: .76rem;
    color: var(--fogo-tx-4);
    margin: 0 0 4px;
}

.relatorio-psi .rp-tecnico blockquote strong,
.relatorio-psi .rp-corpo blockquote strong {
    color: var(--fogo-tx-3);
}

/* ── Apêndice técnico (colapsável) ── */
.relatorio-psi-apendice {
    font-size: .8rem;
    color: var(--fogo-tx-3);
}

.relatorio-psi-apendice h1,
.relatorio-psi-apendice h2,
.relatorio-psi-apendice h3 {
    font-family: var(--fogo-display);
    font-size: .85rem;
    font-weight: 600;
    color: var(--fogo-tx-2);
    margin: 14px 0 8px;
}

.relatorio-psi-apendice table { font-size: .78rem; }