/* DANS modals/report_form/modal_report_form.css */

/* Assurer la superposition ET LE CENTRAGE */
.modal-report_form {
    z-index: 1060 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    inset: 0 !important;
    background-color: rgba(88, 74, 0, 0.6); /* Exemple de fond */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s linear 0.3s;
    pointer-events: none;
}
.modal-report_form.show {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    pointer-events: auto;
}

/* Ajuster le z-index du backdrop si utilisé */
.modal-report_form .modal-backdrop {
     z-index: 1059;
     /* Assurer qu'il couvre tout et a un fond */
     position: absolute;
     inset: 0;
     background-color: rgba(0, 0, 0, 0.5);
     opacity: 0;
     transition: opacity 0.3s ease;
     pointer-events: none;
}
.modal-report_form.show .modal-backdrop {
     opacity: 1;
     pointer-events: auto;
}


/* Le dialog lui-même (taille, etc.) */
.modal-report_form .report-dialog {
    position: relative; 
    z-index: 1061;
    width: 90%;
    max-width: 450px;
    /* Ajouter une transition pour l'effet d'apparition (optionnel) */
    transform: scale(0.95);
    opacity: 0;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.modal-report_form.show .report-dialog {
     transform: scale(1);
     opacity: 1;
}

/* Style spécifique pour l'en-tête */
.modal-report_form .report-header {
    border-bottom: 1px solid rgba(251, 191, 36, 0.4); /* Bordure jaune */
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-report_form .modal-title {
    color: #fde047; /* Texte du titre en jaune */
}

/* Bouton Fermer */
.modal-report_form .modal-close {
    color: #fde047;
    opacity: 0.7;
    background: none; /* Assurer pas de fond */
    border: none; /* Assurer pas de bordure */
    font-size: 1.25rem; /* Ajuster taille icône */
    line-height: 1;
    cursor: pointer;
    padding: 0.25rem; /* Petit padding pour clic */
}
.modal-report_form .modal-close:hover {
    opacity: 1;
    color: #facc15;
}

/* Contenu de la modale */
.modal-report_form .report-content {
    /* Le neu-box est déjà appliqué via le template PHP */
    /* Ajouter d'autres styles si besoin */
}