{{-- 
    @intent Motor de Impressão Otimizado (APE v2 — revisado)
    @description
        - <thead> → header oficial (repete no topo de cada página)
        - <tbody> → conteúdo clonado do #main-content
        - <tfoot> → reserva espaço + footer com position:fixed p/ garantir
                     que apareça no fim de CADA página, independente da
                     posição do conteúdo.
        - Marca d'água via CSS ::after (balança ⚖)
    @accessibility Marca d'água é pseudo-elemento decorativo (ignorado por leitores de tela).
--}}

<div id="print-engine" class="d-none d-print-block">

    <table class="print-layout">
        {{-- ═══ HEADER (repete no topo de cada página) ═══ --}}
        <thead>
            <tr>
                <td>
                    @include('v2-portal::print.print-header')
                </td>
            </tr>
        </thead>

        {{-- ═══ CONTEÚDO (clonado do #main-content via JS) ═══ --}}
        <tbody>
            <tr>
                <td>
                    <div id="print-canvas" class="print-content"></div>
                </td>
            </tr>
        </tbody>

        {{-- ═══ FOOTER + ESPAÇADOR ═══
             <tfoot> repete em cada página (garantia cross-browser).
             A célula do tfoot tem altura reservada para que o conteúdo
             não fique atrás do footer position:fixed.
             O .print-footer em si está DENTRO do tfoot, mas com
             position:fixed é reposicionado visualmente para o fim da página.  --}}
        <tfoot>
            <tr>
                <td class="print-footer-cell">
                    <div class="print-footer">
                        @include('v2-portal::print.print-footer')
                    </div>
                </td>
            </tr>
        </tfoot>
    </table>
</div>


{{-- ═══════════════ CSS DE IMPRESSÃO ═══════════════ --}}
<style>
/* ─── Isolamento: só o motor de impressão fica visível ─── */
@media print {
    body > *:not(#print-engine) {
        display: none !important;
    }
}

/* ─── Configuração da página ─── */
@media print {
    @page {
        margin: 1.8cm 1.5cm 1.5cm;
        size: A4;
    }

    html, body {
        background: var(--bs-white) !important;
        color: var(--bs-black) !important;
        font-family: 'Nunito Sans', Arial, sans-serif !important;
        font-size: 11pt;
        line-height: 1.5;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Remove só sombras — não mexe em background */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* ─── Tabela ─── */
    .print-layout {
        width: 100%;
        border-collapse: collapse;
    }

    /* ─── Header ─── */
    .print-header {
        padding-bottom: 6px;
        border-bottom: 1.5px solid var(--bs-black);
        margin-bottom: 10px;
    }

    /* ─── Conteúdo principal ─── */
    .print-content {
        text-align: justify;
        color: var(--bs-black);
    }
    .print-content a {
        color: var(--bs-black) !important;
        text-decoration: underline !important;
    }
    .print-content img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }
    .print-content table,
    .print-content figure,
    .print-content pre,
    .print-content blockquote {
        page-break-inside: avoid;
    }
    .print-content h1,
    .print-content h2,
    .print-content h3,
    .print-content h4 {
        page-break-after: avoid;
    }

    /* ─── Rodapé simples (aparece uma vez ao final do documento) ─── */
    .print-footer-cell {
        height: auto;
        vertical-align: bottom;
    }

    .print-footer {
        margin-top: 12px;
        padding-top: 6px;
        border-top: 1px solid var(--bs-black);
    }
}
</style>