/* ============================================================
   SCRIBY MEDIA — Canevas du site vitrine pour les pages auth
   (login, mot de passe oublié, inscription, simulateur, set-password)
   Chargé APRÈS app.css : n'affecte que body.auth.
   ============================================================ */

body.auth{
  display:block !important;
  min-height:100vh;
  padding:0;
  background:
    radial-gradient(900px 520px at 85% -10%, rgba(236,72,153,.12), transparent 60%),
    radial-gradient(900px 560px at 10% 0%, rgba(124,58,237,.12), transparent 62%),
    #f7f8ff !important;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.6;
}
/* Plus de demi-page dégradée : le fond clair du site partout */
body.auth::before{display:none !important;}

/* Carte centrée dans le canevas du site */
body.auth .auth-card{
  grid-column:auto !important;
  justify-self:auto !important;
  align-self:auto !important;
  margin:56px auto !important;
  box-shadow:0 14px 44px rgba(15,23,42,.12);
}
body.auth .auth-card h1{font-weight:900;letter-spacing:-.01em;}

/* ---------- Bandeau du site (sticky) ---------- */
.sitebar{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(15,23,42,.10);
}
.sitebar__in{
  max-width:1140px;margin:0 auto;padding:0 20px;height:64px;
  display:flex;align-items:center;gap:20px;
}
.sitebar__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a;font-weight:900;font-size:16px;}
.sitebar__logo{
  width:36px;height:36px;border-radius:12px;
  background:linear-gradient(135deg,#7c3aed,#ec4899);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:900;font-size:14px;
}
.sitebar__nav{margin-left:auto;display:flex;gap:18px;}
.sitebar__nav a{color:#0f172a;text-decoration:none;font-weight:600;font-size:14px;}
.sitebar__nav a:hover{color:#7c3aed;}
@media (max-width:700px){ .sitebar__nav{display:none} }