/* ==========================================================
   AUTH — connexion / inscription
   Partagé par login.php et register.php.
========================================================== */

.mpr-auth-body{
    background:var(--mpr-background);
}

.mpr-auth-grid{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    min-height:100vh;
}

/* ---- Vitrine (gauche) ---- */

.mpr-auth-showcase{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:60px 64px;
    background:var(--mpr-primary);
    color:#fff;
}

.mpr-auth-showcase .mpr-logo img{
    height:28px;
    filter:brightness(0) invert(1);
    margin-bottom:40px;
}

.mpr-auth-showcase .mpr-logo-lg img{
    height:44px;
}

.mpr-auth-showcase h1{
    font-size:28px;
    font-weight:var(--mpr-weight-bold);
    letter-spacing:-0.02em;
    line-height:1.35;
    color:#fff;
    max-width:420px;
    margin-bottom:32px;
}

.mpr-auth-features{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mpr-auth-features li{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:var(--mpr-font-sm);
    color:rgba(255,255,255,.9);
}

.mpr-auth-features svg{
    width:16px;
    height:16px;
    flex-shrink:0;
}

/* ---- Panneau formulaire (droite) ---- */

.mpr-auth-panel{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
}

.mpr-auth-card{
    width:100%;
    max-width:380px;
}

.mpr-auth-card h2{
    font-size:var(--mpr-font-xl);
    margin-bottom:4px;
}

.mpr-auth-form{
    margin-top:24px;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.mpr-auth-submit{
    width:100%;
    margin-top:10px;
}

.mpr-auth-legal{
    margin-top:14px;
    text-align:center;
    line-height:1.5;
}

.mpr-auth-legal a{
    color:var(--mpr-text-light);
    text-decoration:underline;
}

.mpr-auth-legal a:hover{
    color:var(--mpr-primary);
}

.mpr-auth-switch{
    margin-top:20px;
    text-align:center;
    font-size:var(--mpr-font-sm);
    color:var(--mpr-text-light);
}

.mpr-auth-switch a{
    color:var(--mpr-primary);
    font-weight:var(--mpr-weight-semibold);
    text-decoration:none;
}

.mpr-auth-switch a:hover{
    text-decoration:underline;
}

.mpr-auth-message{
    margin:16px 0 0;
    padding:10px 14px;
    border-radius:8px;
    font-size:var(--mpr-font-sm);
}

.mpr-auth-message.success{
    background:#EDF6ED;
    color:var(--mpr-primary);
}

.mpr-auth-message.error{
    background:#FEF2F2;
    color:var(--mpr-danger);
}

@media (max-width:900px){
    .mpr-auth-grid{
        grid-template-columns:1fr;
    }
    .mpr-auth-showcase{
        display:none;
    }
}
