/* =========================================================
   SOLARGLOBE — LOGIN PAGE
   Futuriste • Premium • ERPNext v15 SAFE
   ========================================================= */

/* =========================
   VARIABLES
   ========================= */
:root {
  --sg-gold: #E4B450;
  --sg-gold-dark: #C89A32;
  --sg-blue: #1E2B4A;
  --sg-blue-soft: #2F5BD0;
  --sg-bg: #0E1628;
  --sg-card: #121C32;
  --sg-text: #EAF0FF;
  --sg-muted: #8FA3D6;
  --radius: 18px;
}

/* =========================
   FOND GLOBAL
   ========================= */
body[data-path="login"] {
  min-height: 100vh;
  background:
    radial-gradient(1200px 600px at 50% -200px, #1E2B4A 0%, #0E1628 60%, #090F1F 100%);
  font-family: "Montserrat", system-ui, sans-serif;
  color: var(--sg-text);
}

/* =========================
   NAVBAR LOGIN (LOGO HAUT)
   ========================= */
body[data-path="login"] .navbar {
  background: transparent !important;
  border: none !important;
  padding-top: 24px;
}

body[data-path="login"] .navbar-brand img {
  height: 46px;
  filter: drop-shadow(0 8px 20px rgba(228,180,80,.35));
}

/* =========================
   CONTENEUR LOGIN
   ========================= */
body[data-path="login"] .login-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* =========================
   CARTE LOGIN
   ========================= */
body[data-path="login"] .login-content .page-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    var(--sg-card);

  border-radius: var(--radius);
  padding: 36px 36px 34px;
  width: 100%;
  max-width: 420px;

  border: 1px solid rgba(79,124,255,.18);

  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.06);
}

/* =========================
   LOGO CENTRÉ (DANS CARTE)
   ========================= */
body[data-path="login"] .page-card-head {
  text-align: center;
  margin-bottom: 24px;
}

body[data-path="login"] .page-card-head img,
body[data-path="login"] .page-card-head svg {
  height: 58px;
  margin-bottom: 16px;
  filter: drop-shadow(0 10px 26px rgba(228,180,80,.45));
}

body[data-path="login"] .page-card-head h4 {
  font-size: 18px;
  font-weight: 800;
  color: var(--sg-text);
}

body[data-path="login"] .page-card-head p {
  font-size: 13px;
  color: var(--sg-muted);
  margin-top: 6px;
}

/* =========================
   INPUTS
   ========================= */
body[data-path="login"] .form-control {
  height: 46px;
  background: rgba(255,255,255,.06);
  border-radius: 14px;
  border: 1px solid rgba(79,124,255,.28);
  color: var(--sg-text);

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

body[data-path="login"] .form-control::placeholder {
  color: #7E93C8;
}

body[data-path="login"] .form-control:focus {
  background: rgba(255,255,255,.10);
  border-color: var(--sg-gold);

  box-shadow:
    0 0 0 4px rgba(228,180,80,.30);
}

/* =========================
   ICÔNES INPUTS
   ========================= */
body[data-path="login"] .input-group-text svg {
  color: var(--sg-muted);
}

/* =========================
   CTA — SE CONNECTER
   ========================= */
body[data-path="login"] .btn-login,
body[data-path="login"] .btn-primary {
  height: 48px;
  border-radius: 999px;
  border: none;

  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;

  color: #1E2B4A;

  background: linear-gradient(
    180deg,
    #FFE39A 0%,
    #E4B450 100%
  );

  box-shadow:
    0 14px 34px rgba(228,180,80,.55),
    inset 0 1px 0 rgba(255,255,255,.75);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}

body[data-path="login"] .btn-login:hover,
body[data-path="login"] .btn-primary:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);

  box-shadow:
    0 22px 50px rgba(228,180,80,.75);
}

/* =========================
   LIENS & SECONDAIRES
   ========================= */
body[data-path="login"] a {
  color: var(--sg-muted);
  font-weight: 600;
}

body[data-path="login"] a:hover {
  color: var(--sg-gold);
}

/* =========================
   ALERTES
   ========================= */
body[data-path="login"] .alert-danger {
  background: rgba(255,80,80,.15);
  border-color: rgba(255,80,80,.45);
  color: #FFD6D6;
}

body[data-path="login"] .alert-success {
  background: rgba(40,180,120,.15);
  border-color: rgba(40,180,120,.45);
  color: #D8FFF0;
}

/* =========================
   FOOTER
   ========================= */
body[data-path="login"] .web-footer {
  opacity: .45;
  font-size: 11px;
  text-align: center;
  color: var(--sg-muted);
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 480px) {
  body[data-path="login"] .page-card {
    padding: 28px;
    margin-top: 6vh;
  }
}