/* ===================================================
ESTILOS GERAIS DA PÁGINA (Para Telas)
=================================================== */
body {
    background-color: #f4f6f9;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bg-vencer {
    background-color: #da291c !important;
}

.btn-vencer {
    background-color: #da291c !important;
    color: white !important;
    border: none;
}

    .btn-vencer:hover {
        background-color: #b51f15 !important;
    }

.btn-vencer-dark {
    background-color: #1a1a1a !important;
    color: white !important;
}

    .btn-vencer-dark:hover {
        background-color: #333333 !important;
    }

.card-relatorio {
    background: #ffffff;
    border-radius: 6px;
    padding: 40px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.tabela-fatores th, .tabela-fatores td {
    padding: 5px 8px;
    font-size: 0.85rem;
    vertical-align: middle;
}

/* ===================================================
EXIBIÇÃO NA TELA DO COMPUTADOR (Screen)
=================================================== */
@media screen {
    .container-grafico-tela {
        height: 850px !important;
        min-height: 850px !important;
        position: relative;
        width: 100%;
    }

    #graficoPerfil {
        max-height: 850px !important;
    }

    .caixa-evolucao {
        width: 100%;
        min-height: 110px;
        border: 1px solid #ced4da;
        border-radius: 6px;
        padding: 12px;
        font-size: 0.9rem;
        resize: vertical;
    }
}

/* ===================================================
CONFIGURAÇÃO DE IMPRESSÃO / PDF (À Prova de Balas)
=================================================== */
@media print {
    @page {
        size: A4 portrait !important;
        margin: 10mm !important;
    }

    body {
        background-color: #ffffff !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Esconde botões */
    .no-print {
        display: none !important;
    }

    /* Remove padding para aproveitar a folha inteira */
    .container, .card, .card-relatorio {
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* --- PÁGINA 1: Tabela e Cabeçalho --- */
    .tabela-fatores th, .tabela-fatores td {
        padding: 4px 6px !important;
        font-size: 0.8rem !important;
    }

    .sessao-tabela {
        page-break-after: avoid !important;
        break-after: avoid !important;
    }

    /* --- PÁGINA 2: Gráfico Isolado --- */
    .sessao-grafico {
        page-break-before: always !important; /* Começa o gráfico numa folha nova */
        page-break-after: always !important; /* Obriga o conteúdo seguinte a ir para outra folha */
        break-before: page !important;
        break-after: page !important;
        margin-top: 10px !important;
        display: block !important;
        width: 100% !important;
    }

    /* Limita o tamanho do gráfico para não causar conflitos na página isolada */
    #graficoPerfil {
        max-height: 500px !important;
        width: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }

    /* --- PÁGINA 3: Parecer e Descritivo --- */
    .sessao-parecer, .sessao-descritivo {
        page-break-before: always !important; /* Garante uma barreira extra para saltar de página */
        break-before: page !important;
    }

    .caixa-evolucao {
        border: 1px solid #999 !important;
    }

    /* A CURA DO TRAVAMENTO DE 2 MINUTOS:
   Removemos a regra que impedia o corte. O Safari não vai mais "pensar". */
    .bloco-fator {
        margin-bottom: 8px !important;
    }

    /* LETRAS MENORES E MAIS ELEGANTES (Puxa a assinatura pra cima) */
    .sessao-descritivo p {
        font-size: 0.75rem !important; /* Letra miúda de relatório oficial */
        line-height: 1.2 !important;
        margin-bottom: 2px !important;
    }

    .sessao-descritivo h5 {
        font-size: 1rem !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .sessao-descritivo h6 {
        font-size: 0.85rem !important;
        margin-bottom: 2px !important;
    }

    /* --- ASSINATURA PROTEGIDA (Colada no texto) --- */
    .sessao-assinatura {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        margin-top: 15px !important; /* Margem reduzida */
        padding-top: 5px !important;
    }

    /* Remove os links estranhos do rodapé */
    a[href]:after {
        content: none !important;
    }

    * {
        box-sizing: border-box !important;
    }
}