/* ==========================================================
   MODALE GÉNÉRIQUE
   Fenêtre de confirmation centrée avec fond semi-transparent —
   utilisée aujourd'hui par la modale de recalibration proactive
   (voir includes/recalibration_modal.php), réutilisable pour de
   futures confirmations. Au-dessus de .mpr-loading-overlay
   (z-index 200, cards.css) : une modale doit rester visible même
   pendant un import en cours.
========================================================== */

.mpr-modal-backdrop{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:300;
    align-items:center;
    justify-content:center;
    padding:16px;
}

.mpr-modal-backdrop.is-visible{
    display:flex;
}

.mpr-modal{
    background:var(--mpr-surface);
    border:1px solid var(--mpr-border);
    border-radius:var(--mpr-radius);
    box-shadow:var(--mpr-shadow);
    padding:28px;
    max-width:420px;
    width:100%;
}

.mpr-modal-state{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:14px;
}

.mpr-modal-title{
    font-size:var(--mpr-font-lg);
    font-weight:600;
    color:var(--mpr-text);
    margin:0;
}

.mpr-modal-text{
    font-size:var(--mpr-font-base);
    color:var(--mpr-text-light);
    margin:0;
}

.mpr-modal-text.is-error{
    color:var(--mpr-danger);
}

.mpr-modal-actions{
    display:flex;
    gap:12px;
    justify-content:center;
    width:100%;
    margin-top:4px;
}