/* En-tête des modales (public/js/modal-entete.js) : pastille d'icône, dégradé léger, titre + sous-titre optionnel.
   Une teinte par en-tête (--dk-entete-rgb) : primaire par défaut, succès / danger / avertissement / info selon la modale.
   Couleurs dérivées du thème Bootstrap : suivent le mode clair / sombre. */
.modal-header.dk-entete {
    --dk-entete-rgb: var(--bs-primary-rgb);
    display: flex; align-items: center; gap: .85rem; padding: .9rem 1.25rem;
    border-bottom: 1px solid var(--bs-border-color-translucent);
    background: linear-gradient(120deg, rgba(var(--dk-entete-rgb), .14), rgba(var(--dk-entete-rgb), .03) 60%, transparent);
    color: var(--bs-body-color);
}
.modal-header.dk-entete.dk-ton-success { --dk-entete-rgb: var(--bs-success-rgb); }
.modal-header.dk-entete.dk-ton-danger { --dk-entete-rgb: var(--bs-danger-rgb); }
.modal-header.dk-entete.dk-ton-warning { --dk-entete-rgb: var(--bs-warning-rgb); }
.modal-header.dk-entete.dk-ton-info { --dk-entete-rgb: var(--bs-info-rgb); }

.dk-entete-icone {
    flex: 0 0 40px; width: 40px; height: 40px; border-radius: .75rem;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 20px; line-height: 1; color: #fff;
    background: linear-gradient(135deg, rgb(var(--dk-entete-rgb)), rgba(var(--dk-entete-rgb), .7));
    box-shadow: 0 .35rem .9rem rgba(var(--dk-entete-rgb), .35);
}
.dk-entete-icone i { margin: 0 !important; font-size: 20px; }
.dk-entete-texte { flex: 1 1 auto; min-width: 0; }
.modal-header.dk-entete .modal-title {
    font-size: 16px; font-weight: 700; line-height: 1.25; margin: 0;
    color: var(--bs-emphasis-color) !important;
}
.dk-entete-sous-titre { font-size: 12px; color: var(--bs-secondary-color); margin-top: .1rem; }
.modal-header.dk-entete .btn-close { margin: 0 0 0 .25rem; flex-shrink: 0; }

/* Modales plus « cartes » : coins arrondis et ombre portée, comme le rédacteur d'e-mails. */
/* Pas d'overflow:hidden (couperait les listes select2 / menus ouverts dans la modale) : rayons via les variables Bootstrap. */
.modal-content:has(> .modal-header.dk-entete) {
    --bs-modal-border-radius: .9rem; --bs-modal-inner-border-radius: calc(.9rem - 1px);
    border: 0; box-shadow: 0 1.5rem 3.5rem rgba(15, 23, 42, .28);
}

@media (max-width: 575.98px) {
    .modal-header.dk-entete { padding: .75rem 1rem; gap: .65rem; }
    .dk-entete-icone { flex-basis: 34px; width: 34px; height: 34px; font-size: 17px; border-radius: .6rem; }
}