/* ==========================================================
   Espace membres : connexion et cockpit
   ========================================================== */
.compte{
  min-height:100vh;
  display:grid;place-items:center;
  padding:32px 16px;
  background:var(--mint);
}
.compte__carte{
  width:100%;max-width:420px;
  background:var(--white);
  border-radius:var(--radius);
  box-shadow:0 18px 50px rgba(27,58,52,.12);
  padding:36px 32px;
}
.compte__titre{margin:28px 0 4px;font-size:26px;font-weight:800;color:var(--navy)}
.compte__intro{color:var(--muted);margin-bottom:22px}
.compte__form{display:grid;gap:16px}
.compte__form label{display:grid;gap:6px;font-weight:600;font-size:14.5px;color:var(--navy)}
.compte__form input[type="email"],
.compte__form input[type="password"]{
  font:inherit;font-weight:500;
  padding:12px 14px;
  border:1.5px solid var(--line);border-radius:10px;
  color:var(--navy);
}
.compte__form input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(58,154,99,.18)}
.compte__souvenir{display:flex!important;align-items:center;gap:8px;font-weight:500!important;color:var(--ink)!important}
.compte__form .btn{justify-content:center;border:0;cursor:pointer;font-family:inherit}
.compte__form .btn:disabled{opacity:.6;cursor:wait}
.compte__statut{padding:10px 14px;border-radius:10px;background:#fdecec;color:#9b2c2c;font-size:14.5px}
.compte__aide{margin-top:22px;text-align:center;color:var(--muted);font-size:14.5px}
.compte__aide a{color:var(--green);font-weight:700}

/* ---------- cockpit ---------- */
.cockpit{background:var(--soft);min-height:100vh}
.cockpit__barre{background:var(--white);border-bottom:1px solid var(--line)}
.cockpit__barre-inner{
  max-width:var(--wrap);margin:0 auto;padding:12px 32px;
  display:flex;align-items:center;gap:20px;
}
.cockpit__membre{margin-left:auto;color:var(--muted);font-size:14.5px}
.cockpit__contenu{max-width:var(--wrap);margin:0 auto;padding:32px}
.cockpit__bloc{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:0 6px 20px rgba(27,58,52,.06)}
.cockpit__bloc label{margin-right:12px}
.cockpit button{font-family:inherit;cursor:pointer;border:0}

@media (max-width:600px){
  .compte__carte{padding:28px 20px}
  .cockpit__barre-inner,.cockpit__contenu{padding-left:16px;padding-right:16px}
  .cockpit__barre-inner .logo__text small{display:none}
}