/*
 * Contenu d'avertissement dans une modale — copie de Refactia (Billing : components/modal-panel.css, HEAD 65064bda) :
 * dégradés d'état, textes en encre transparente. Aucune teinte de marque.
 */
.modal-panel--warning .modal-panel__content-card,
.modal-panel--warning .modal-panel__context {
    border-color: rgba(84, 159, 212, 0.18);
    background: linear-gradient(180deg, rgba(84, 159, 212, 0.10) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.modal-panel--danger .modal-panel__content-card,
.modal-panel--danger .modal-panel__context {
    border-color: rgba(212, 84, 84, 0.18);
    background: linear-gradient(180deg, rgba(212, 84, 84, 0.10) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.modal-panel__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.modal-panel__content-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(10, 15, 25, 0.08);
}

.modal-panel__body {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(10, 15, 25, 0.76);
}

.modal-panel__note {
    margin: 0;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(10, 15, 25, 0.08);
    background: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.55;
    color: rgba(10, 15, 25, 0.72);
}

.modal-panel__note strong {
    color: rgba(10, 15, 25, 0.92);
}