/* ==========================================================================
   P.RISE CONSULTING — espace membre (connexion, inscription, mon compte)
   Chargé après app.css : réutilise ses variables (--navy, --sky, --line…).
   ========================================================================== */

.member-body{display:flex;flex-direction:column;min-height:100vh;background:var(--paper)}
.member-main{flex:1}
.member-main--auth{padding:56px 0 88px;
  background:radial-gradient(ellipse 820px 380px at 92% -8%,rgba(46,155,240,.12),transparent 62%),var(--paper)}
.member-body .app-header form{margin:0}

/* ---------- Carte d'authentification (2 colonnes) ---------- */
.auth-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);max-width:1040px;margin:0 auto;
  background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg)}
.auth-aside{position:relative;display:flex;flex-direction:column;gap:22px;padding:48px 40px;overflow:hidden;
  background:var(--navy);color:#fff}
.auth-aside::before{content:"";position:absolute;inset:0;background:
  radial-gradient(ellipse 420px 300px at 90% -5%,rgba(46,155,240,.4),transparent 62%),
  radial-gradient(ellipse 360px 300px at -10% 105%,rgba(201,162,39,.2),transparent 60%)}
.auth-aside::after{content:"";position:absolute;inset:0;opacity:.45;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:40px 40px;mask-image:linear-gradient(180deg,#000,transparent 80%)}
.auth-aside>*{position:relative;z-index:1}
.auth-aside h2{margin:0;color:#fff;font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.15}
.auth-points{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.auth-points li{display:flex;gap:12px;align-items:flex-start;color:#C9D6EE;font-size:.95rem;line-height:1.45}
.auth-points li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;
  background:rgba(46,155,240,.28) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.auth-aside-foot{margin:auto 0 0;font-size:.84rem;color:#9FB0D0}
.auth-aside-foot a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}

.auth-main{padding:48px 44px}
.auth-main h1{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.15}
.auth-lead{margin:0 0 26px;color:var(--ink-soft)}
.auth-main .notice{margin:0 0 22px}
.auth-form .field{margin:0 0 18px}
.auth-form .form-grid .field{margin:0}
.auth-form .form-grid{gap:16px 18px}
.auth-submit{width:100%;padding:15px 24px;font-size:1rem}
.auth-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.auth-actions .auth-submit{width:auto}
.auth-actions a,.auth-switch a{color:var(--royal);font-weight:600}
.auth-actions a:hover,.auth-switch a:hover{text-decoration:underline}
.auth-switch{margin:22px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.92rem}

/* ---------- Sections du formulaire d'inscription ---------- */
.form-section{min-width:0;margin:0 0 28px;padding:0;border:0}
.form-section legend{width:100%;margin:0 0 14px;padding:0;font:600 1.04rem var(--serif);color:var(--navy)}
.step{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:10px;
  border-radius:50%;background:var(--navy);color:#fff;font:700 .74rem var(--sans);vertical-align:2px}
.member-privacy{margin:0 0 22px;padding:14px 16px;border-left:3px solid var(--sky);border-radius:var(--radius);
  background:var(--sky-pale);color:var(--ink-soft);font-size:.86rem}

/* ---------- Mon compte ---------- */
.account-hero{position:relative;overflow:hidden;padding:52px 0 104px;background:var(--navy);color:#fff}
.account-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(ellipse 900px 500px at 82% -10%,rgba(46,155,240,.38),transparent 60%),
  radial-gradient(ellipse 700px 500px at 100% 100%,rgba(18,64,140,.6),transparent 55%),
  radial-gradient(ellipse 500px 400px at -5% 20%,rgba(201,162,39,.16),transparent 60%)}
.account-hero::after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.account-hero .app-wrap{position:relative;z-index:1;display:flex;align-items:center;gap:28px}
.account-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:88px;height:88px;border-radius:50%;
  border:3px solid rgba(255,255,255,.28);background:linear-gradient(135deg,var(--sky),var(--royal));
  font:600 2rem var(--serif);color:#fff;box-shadow:0 12px 30px -12px rgba(0,0,0,.5)}
.account-intro .eyebrow{margin-bottom:12px}
.account-hero h1{margin:0 0 8px;color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1}
.account-hero p{margin:0;color:#C9D6EE}
.account-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.account-facts span{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);font-size:.84rem;color:#E8F2FE}
.account-facts strong{color:#fff}

.account-body{position:relative;z-index:2;margin-top:-56px;padding-bottom:88px}
.account-body>.notice{margin:0 0 20px;box-shadow:var(--shadow-md)}
.account-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
.account-card{margin:0;box-shadow:var(--shadow-md)}
.account-grid .member-profile{grid-template-columns:1fr 1fr}
.account-grid .member-profile .wide{grid-column:1/-1}

/* ---------- Modifier mon profil ---------- */
.profile-wrap{padding-top:36px;padding-bottom:88px}
.profile-wrap>.notice{margin:0 0 20px}
.account-avatar--sm{width:56px;height:56px;font-size:1.2rem;border-width:2px;box-shadow:none}
.page-title{display:flex;align-items:center;gap:16px;margin:0 0 26px}
.page-title h1{margin:0 0 2px;font-size:clamp(1.6rem,3vw,2.1rem)}
.page-title p{margin:0}

/* ---------- Réactivité ---------- */
@media (max-width:900px){
  .auth-card{grid-template-columns:1fr}
  .auth-aside{padding:30px 28px;gap:14px}
  .auth-points,.auth-aside-foot{display:none}
  .auth-main{padding:34px 28px}
  .account-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .member-main--auth{padding:28px 0 56px}
  .auth-main{padding:28px 20px}
  .auth-form .form-grid{grid-template-columns:1fr}
  .account-hero{padding:40px 0 96px}
  .account-hero .app-wrap{flex-direction:column;align-items:flex-start;gap:18px}
  .account-grid .member-profile{grid-template-columns:1fr}
  .auth-actions .auth-submit{width:100%}
}