@media print {

    body {

        background: white;

        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;

    }


    /* ======================================================
       ÉLÉMENTS INTERACTIFS MASQUÉS
    ====================================================== */

    .question-navigation,
    nav,
    footer,
    .bottom-nav {

        display: none !important;

    }


    /*
     * Les boutons sont normalement masqués à l'impression.
     *
     * Exception :
     * les boutons de sélection du mood doivent rester visibles.
     */

    button:not(.mood-option) {

        display: none !important;

    }


    /* ======================================================
       CARTES
    ====================================================== */

    .card {

        box-shadow: none !important;

        border: none !important;

        margin: 0;

        padding: 0;

    }


    /* ======================================================
       DÉBRIEF — BLOCS
    ====================================================== */

    .debrief-card {

        break-inside: avoid;

        page-break-inside: avoid;

    }


    .debrief-section {

        break-inside: avoid;

        page-break-inside: avoid;

        margin-bottom: 25px;

    }


    .debrief-dashboard {

        grid-template-columns:
            repeat(4, 1fr) !important;

    }


    /* ======================================================
       PRÉ-REQUIS — VERSION COMPACTE PDF
    ====================================================== */

    .debrief-prerequis {

        margin-top: 20px !important;

        margin-bottom: 15px !important;

    }


    .debrief-prerequis h2 {

        margin-bottom: 10px !important;

        padding-bottom: 5px !important;

    }


    .debrief-prerequis .debrief-card {

        padding: 12px !important;

        margin-bottom: 8px !important;

    }


    .debrief-prerequis .debrief-header {

        margin-bottom: 6px !important;

        padding-bottom: 5px !important;

    }


    .debrief-prerequis .debrief-header h3 {

        margin-bottom: 5px !important;

        font-size: 17px !important;

    }


    .debrief-prerequis .section-badge {

        padding: 4px 10px !important;

        font-size: 12px !important;

    }


    .debrief-prerequis .debrief-description {

        line-height: 1.3 !important;

        margin-bottom: 6px !important;

        font-size: 13px !important;

    }


    .debrief-prerequis .debrief-commentaire {

        padding: 8px !important;

    }


    .debrief-prerequis .debrief-commentaire strong {

        margin-bottom: 4px !important;

    }


    .debrief-prerequis .debrief-commentaire p {

        line-height: 1.3 !important;

    }


    /* ======================================================
       CONFORMITÉ
    ====================================================== */

    .conformite {

        margin: 15px 0 25px;

    }


    .conformite-barre {

        display: block !important;

        width: 100% !important;

        height: 12px !important;

        background: #E7EBF0 !important;

        border-radius: 999px !important;

        overflow: hidden !important;

    }


    .conformite-remplissage {

        display: block !important;

        height: 100% !important;

        background: #4CAF50 !important;

        transition: none !important;

    }


    /* ======================================================
       NOTE GLOBALE — COULEURS PDF
    ====================================================== */

    .pdf-cover-field.note-globale {

        -webkit-print-color-adjust: exact !important;

        print-color-adjust: exact !important;

    }


    .pdf-cover-field.note-globale.note-rouge {

        background: #C62828 !important;

        color: white !important;

    }


    .pdf-cover-field.note-globale.note-orange {

        background: #EF8F00 !important;

        color: white !important;

    }


    .pdf-cover-field.note-globale.note-jaune {

        background: #D6A800 !important;

        color: white !important;

    }


    .pdf-cover-field.note-globale.note-vert-clair {

        background: #4CAF50 !important;

        color: white !important;

    }


    .pdf-cover-field.note-globale.note-vert {

        background: #2E7D32 !important;

        color: white !important;

    }


    /* ======================================================
       RÉSUMÉ DE L'ÉCHANGE
    ====================================================== */

    .debrief-manager {

        page-break-before: always !important;

        break-before: page !important;

        page-break-inside: avoid !important;

        break-inside: avoid !important;

        display: block !important;

    }


    .resume-echange {

        width: 100% !important;

        break-inside: avoid !important;

        page-break-inside: avoid !important;

    }


    .resume-echange h2 {

        page-break-after: avoid !important;

        break-after: avoid !important;

    }


    .resume-question {

        margin-bottom: 10px !important;

    }


    /* ======================================================
       MOOD — VERSION PDF
    ====================================================== */

    .mood-selector {

        display: flex !important;

        width: 100% !important;

        gap: 10px !important;

        margin-bottom: 18px !important;

    }


    .mood-option {

        display: flex !important;

        flex: 1 !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: center !important;

        gap: 4px !important;

        padding: 8px !important;

        border: 2px solid transparent !important;

        border-radius: 12px !important;

        opacity: 0.35 !important;

        color: white !important;

        box-shadow: none !important;

        transform: none !important;

    }


    .mood-option.mood-selected {

        opacity: 1 !important;

        box-shadow:
            0 0 0 3px white,
            0 0 0 5px currentColor !important;

        -webkit-print-color-adjust: exact !important;

        print-color-adjust: exact !important;

    }


    .mood-circle {

        width: 42px !important;

        height: 42px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        border-radius: 50% !important;

        background: white !important;

        font-size: 24px !important;

    }


    .mood-label {

        font-size: 12px !important;

        line-height: 1.1 !important;

    }


    .mood-vert {

        background: #2E7D32 !important;

        color: white !important;

    }


    .mood-jaune {

        background: #D6A800 !important;

        color: white !important;

    }


    .mood-orange {

        background: #EF8F00 !important;

        color: white !important;

    }


    .mood-rouge {

        background: #C62828 !important;

        color: white !important;

    }


    /* ======================================================
       COLONNES COLLABORATEUR / COACH
    ====================================================== */

    .resume-echange-grid {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        gap: 20px !important;

        width: 100% !important;

        align-items: start !important;

    }


    .resume-colonne {

        min-width: 0 !important;

        width: 100% !important;

    }


    .resume-colonne h3 {

        margin-top: 0 !important;

        margin-bottom: 5px !important;

    }


    .resume-aide {

        margin-top: 0 !important;

        margin-bottom: 7px !important;

        font-size: 11px !important;

        line-height: 1.25 !important;

    }


    .resume-colonne textarea {

        width: 100% !important;

        box-sizing: border-box !important;

        resize: none !important;

        min-height: 80px !important;

    }


    .resume-ancien {

        display: none !important;

    }


    /* Collaborateur masqué → Coach pleine largeur */

    .resume-collaborateur.resume-cache {

        display: none !important;

    }


    .resume-coach.resume-coach-large {

        grid-column: 1 / -1 !important;

        width: 100% !important;

    }


    /* ======================================================
       COMMENTAIRES & ENGAGEMENT
    ====================================================== */

    .commentaires-engagement {

        break-inside: avoid !important;

        page-break-inside: avoid !important;

    }


    .commentaires-engagement textarea {

        resize: none !important;

    }


    /* ======================================================
       COMPACTAGE DU DÉBRIEF
    ====================================================== */

    .debrief-section h2 {

        font-size: 18px !important;

        line-height: 1.1 !important;

        margin-bottom: 8px !important;

        padding-bottom: 4px !important;

    }


    .debrief-card {

        padding: 9px !important;

        margin-bottom: 7px !important;

        border-radius: 10px !important;

    }


    .debrief-header {

        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        margin-bottom: 5px !important;

        padding-bottom: 4px !important;

        gap: 8px !important;

    }


    .debrief-header h3 {

        font-size: 15px !important;

        line-height: 1.1 !important;

        margin: 0 !important;

    }


    .debrief-header .section-badge {

        margin-left: auto !important;

        white-space: nowrap !important;

    }


    .section-badge {

        font-size: 9px !important;

        line-height: 1.1 !important;

        padding: 3px 8px !important;

    }


    .debrief-description {

        font-size: 11px !important;

        line-height: 1.25 !important;

        margin-bottom: 5px !important;

    }


    .debrief-commentaire {

        padding: 7px !important;

        line-height: 1.2 !important;

    }


    .debrief-commentaire strong {

        font-size: 11px !important;

        line-height: 1.1 !important;

        margin-bottom: 3px !important;

    }


    .debrief-commentaire p {

        font-size: 11px !important;

        line-height: 1.2 !important;

        margin: 0 !important;

    }


    .dashboard-number {

        font-size: 22px !important;

        line-height: 1 !important;

        margin-bottom: 3px !important;

    }


    .dashboard-label {

        font-size: 10px !important;

        line-height: 1.1 !important;

    }


    /* ======================================================
       BADGES — ÉTAT DU CRITÈRE
    ====================================================== */

    .section-badge.badge-attendu {

        background: #E8F5E9 !important;

        color: #2E7D32 !important;

    }


    .section-badge.badge-amelioration {

        background: #FFF3CD !important;

        color: #B26A00 !important;

    }


    .section-badge.badge-nonfait {

        background: #FDECEC !important;

        color: #C62828 !important;

    }


    .section-badge.badge-na {

        background: #EEF1F5 !important;

        color: #667085 !important;

    }


    /* ======================================================
       ÉLÉMENTS UNIQUEMENT VISIBLES À L'ÉCRAN
    ====================================================== */

    .screen-only {

        display: none !important;

    }


    /* ======================================================
       PLACEHOLDERS — PDF
    ====================================================== */

    textarea::placeholder,
    input::placeholder {

        color: transparent !important;

    }

}


/* ==========================================================
   FIN @MEDIA PRINT
========================================================== */