/* Styles d'impression — A4.
   NB : le pied de page (@page @bottom-left/center/right) est injecté par page
   dans LayoutBase.astro, car les margin-boxes ne supportent pas var() et
   nécessitent des valeurs dynamiques (système, date) résolues au build. */

@media print {
    body {
        background: white !important;
        color: black !important;
    }

    /* Masquer les éléments web uniquement */
    .no-print,
    .search-container,
    nav,
    footer.no-print {
        display: none !important;
    }

    /* Ajuster le contenu pour l'impression */
    main, .max-w-5xl {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Contenu système (2 colonnes à l'impression) */
    .system-content {
        display: block !important;
        column-count: 2 !important;
        column-gap: 1.2cm !important;
        column-fill: auto;
        width: 100% !important;
    }

    .system-content h2 {
        column-span: all;
        font-size: 14pt !important;
        margin-top: 0.8cm !important;
        margin-bottom: 0.4cm !important;
        border-bottom: 1.5pt solid black !important;
        page-break-after: avoid;
        color: black !important;
    }

    h1 {
        break-before: page;
    }

    h1:first-of-type {
        break-before: avoid;
    }

    /* Garder les tableaux ensemble */
    .table-container {
        break-inside: avoid;
        margin-bottom: 1em;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    th, td {
        border: 0.5pt solid #cbd5e1 !important;
        padding: 4pt !important;
        font-size: 9pt !important;
    }

    th {
        background-color: #f1f5f9 !important;
    }
}