/* ── Авторизация — стили ───────────────────────────────────────────────
   Дублирует дизайн-систему dashboard.css (Штаб), чтобы окно входа не
   выглядело отдельным продуктом: те же токены цветов, тот же фон со
   стеклянными плашками (glassmorphism), тот же шрифт и радиусы. Классы
   ниже (auth-wrap/auth-card/field/btn-primary и т.д.) оставлены как
   были — меняется только визуальное оформление, не разметка/функции. */

:root{
  --bg:#060810;--surface:#0b0d14;--surface2:#10131a;--surface3:#161b24;
  --border:#ffffff0e;--border2:#ffffff18;--border3:#ffffff32;
  --text:#f0f1f6;--text2:#c6cad4;--text3:#a6acbe;
  --accent:#c6ff4d;--accent2:#a3e62a;--accent-glow:#c6ff4d16;--on-accent:#0a0c10;
  --red:#ee5f5f;--red-bg:#ee5f5f12;
  /* Glass tokens — те же значения, что в dashboard.css */
  --glass-bg:rgba(36,40,50,0.46);
  --glass-border:rgba(255,255,255,0.13);
  --card-radius:20px;
  --card-shadow:0 1px 3px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.06);
}

*{margin:0;padding:0;box-sizing:border-box}

body{
  font-family:'Inter',sans-serif;font-weight:400;color:var(--text);
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:20px;
  background-color:var(--bg);
  /* Тот же фон, что у Штаба: тёплое фото за тёмным градиентом-оверлеем.
     Путь идентичен dashboard.css — оба файла лежат в assets/css/. */
  background-image:
    radial-gradient(ellipse 140% 70% at 85% -15%, rgba(255,255,255,0.05) 0%, transparent 50%),
    radial-gradient(ellipse 100% 60% at 100% 40%,  rgba(255,255,255,0.032) 0%, transparent 45%),
    radial-gradient(ellipse 80%  50% at -5%  30%,  rgba(255,255,255,0.026) 0%, transparent 50%),
    radial-gradient(ellipse 60%  80% at 50% 110%,  rgba(255,255,255,0.02)  0%, transparent 50%),
    linear-gradient(180deg, rgba(6,8,16,.56) 0%, rgba(6,8,16,.46) 45%, rgba(6,8,16,.6) 100%),
    url('../img/bg.webp');
  background-size:auto,auto,auto,auto,cover,cover;
  background-position:center,center,center,center,center,center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

.auth-wrap{width:100%;max-width:420px}

/* Стеклянная карточка — тот же приём, что .card/.proj-page-header в Штабе */
.auth-card{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:24px;
  padding:36px 32px;
  box-shadow:var(--card-shadow);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
}

/* Логотип — идентичен .logo-mark в сайдбаре Штаба */
.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.logo-mark{
  width:32px;height:32px;background:var(--accent);border-radius:11px;
  display:flex;align-items:center;justify-content:center;color:var(--on-accent);
  flex-shrink:0;
}
.logo-mark svg{width:15px;height:15px}
.logo-text{font-size:16px;font-weight:600;letter-spacing:-.2px}

/* Заголовок — тот же приём eyebrow + крупный тонкий заголовок, что в Штабе */
.auth-eyebrow{
  font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin-bottom:7px;
}
.auth-title{font-size:22px;font-weight:300;letter-spacing:-.3px;margin-bottom:24px}

/* Сообщение об ошибке — тот же паттерн, что и системные статус-цвета Штаба */
.auth-alert{
  padding:10px 14px;border-radius:12px;font-size:13px;margin-bottom:16px;line-height:1.5;
}
.auth-alert.error{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bg)}

/* Поля — те же токены, что .fg input в Штабе (surface2/border2/radius 10px) */
.field{margin-bottom:14px}
.field label{
  display:block;font-size:10px;font-weight:600;text-transform:uppercase;
  letter-spacing:.07em;color:var(--text3);margin-bottom:5px;
}
.field input{
  width:100%;background:var(--surface2);border:1px solid var(--border2);
  border-radius:10px;padding:10px 13px;font-size:13px;color:var(--text);
  font-family:'Inter',sans-serif;outline:none;transition:border-color .15s,background .15s;
}
.field input::placeholder{color:var(--text3)}
.field input:hover{background:var(--surface3)}
.field input:focus{border-color:var(--accent);background:var(--surface3)}

/* Кнопка — тот же .btn-primary, что и в Штабе */
.btn-primary{
  width:100%;padding:10px 15px;background:var(--accent);color:var(--on-accent);
  border:none;border-radius:12px;font-size:13px;font-weight:700;
  font-family:'Inter',sans-serif;cursor:pointer;margin-top:8px;transition:background .15s;
}
.btn-primary:hover{background:var(--accent2)}

/* Ссылка внизу */
.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--text3)}
.auth-footer a{color:var(--accent);text-decoration:none;font-weight:600}
.auth-footer a:hover{text-decoration:underline}

::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:16px}