body.page-reinitialiser-mdp {
    background-color: var(--bg);
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

.etape-mdp-centree {
    align-items: center;
    text-align: center;
}

.etape-mdp-centree .auth-entete-centree {
    align-items: center;
    text-align: center;
}

.etape-mdp-centree .bouton-connexion,
.etape-mdp-centree .bouton-retour-connexion {
    width: 100%;
}

.checklist-mdp {
    list-style: none;
    margin: 0;
    padding: var(--space-4);
    background-color: var(--bg);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checklist-mdp-item {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--font-size-body-sm);
    color: var(--ink-muted);
    line-height: 1.4;
    transition: color var(--transition-fast);
}

.checklist-mdp-puce {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1.5px solid var(--line-strong);
    background-color: var(--paper);
    transition: background-color var(--transition-fast),
                border-color var(--transition-fast);
    position: relative;
}

.checklist-mdp-item-ok {
    color: var(--ink-strong);
}

.checklist-mdp-item-ok .checklist-mdp-puce {
    background-color: var(--success);
    border-color: var(--success);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 8.5l3 3 6-7'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.indicateur-correspondance {
    margin: 0;
    font-size: var(--font-size-body-sm);
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 6px;
}

.indicateur-correspondance::before {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.indicateur-correspondance.indicateur-ok {
    color: var(--success);
    font-weight: 600;
}

.indicateur-correspondance.indicateur-ok::before {
    background-color: var(--success);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 8.5l3 3 6-7'/></svg>");
}

.indicateur-correspondance.indicateur-erreur {
    color: var(--danger);
    font-weight: 600;
}

.indicateur-correspondance.indicateur-erreur::before {
    background-color: var(--danger);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4l8 8M12 4l-8 8'/></svg>");
}