/* ==========================================================================
   LOGIN — page de connexion
   ========================================================================== */
body.login-body{
  height:100%;display:flex;align-items:center;justify-content:center;
  padding:24px;overflow-y:auto;
  background:radial-gradient(ellipse at center, #0c1530 0%, #05070f 48%, #000000 100%);
}
[data-theme="light"] body.login-body{
  background:radial-gradient(ellipse at center, #e9edf6 0%, #f4f6fa 55%, #fdfdff 100%);
}
.login-card{
  width:100%;max-width:380px;
  background:var(--surface);border:1px solid var(--line);border-radius:20px;
  padding:30px 26px;box-shadow:var(--shadow);
}
.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:22px;}
.login-mark{
  width:52px;height:52px;border-radius:15px;background:var(--ember);color:var(--ember-ink);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;
}
.login-mark svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.login-brand h1{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;margin:0;}
.login-brand p{font-size:12.5px;color:var(--mist);margin:4px 0 0;}
.login-footer{margin-top:18px;text-align:center;font-size:11.5px;color:var(--mist-dim);line-height:1.6;}
.login-footer code{
  background:var(--surface2);border:1px solid var(--line);border-radius:5px;
  padding:1px 6px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mist);
}