/* Страница входа Authelia в стиле главной «Jeelar OS»: фон back.jpg, стекло, золото.
   Подключается nginx-ом (sub_filter) на https://jeelar.ru/auth/. Цвета — переменные Authelia. */
html:root, html[data-theme] {
  --background: transparent;
  --foreground: #e5e7eb;
  --card: rgba(15, 15, 20, 0.78);
  --card-foreground: #e5e7eb;
  --popover: rgba(15, 15, 20, 0.95);
  --popover-foreground: #e5e7eb;
  --primary: #d4af37;
  --primary-foreground: #14110a;
  --secondary: rgba(255, 255, 255, 0.08);
  --secondary-foreground: #e5e7eb;
  --muted: rgba(255, 255, 255, 0.08);
  --muted-foreground: rgba(255, 255, 255, 0.6);
  --accent: rgba(212, 175, 55, 0.18);
  --accent-foreground: #f3e3a3;
  --border: rgba(212, 175, 55, 0.3);
  --input: rgba(255, 255, 255, 0.16);
  --ring: #d4af37;
  --custom-icon: #d4af37;
  color-scheme: dark;
}

html, body {
  min-height: 100%;
  font-family: 'Segoe UI', system-ui, sans-serif;
}
body {
  background:
    radial-gradient(ellipse at 50% 40%, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.75)),
    url("/auth-theme/back.jpg") center / cover fixed no-repeat,
    #0b0b10 !important;
  color: var(--foreground);
}

/* карточка формы */
#root .min-h-\[90vh\] > div {
  width: min(420px, calc(100vw - 32px));
  padding: 32px 32px 20px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
}

/* логотип */
#root img[alt="Logo"] {
  width: 84px;
  filter: drop-shadow(0 6px 18px rgba(64, 120, 255, 0.45));
}

/* заголовок */
#root h1, #root h2, #root h3, #root h4, #root h5 {
  color: #fff;
  letter-spacing: 0.02em;
  font-weight: 600;
}

/* поля */
#username-textfield, #password-textfield {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #fff !important;
  border-radius: 12px !important;
}
#root input:focus {
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.45) !important;
}

/* кнопка входа */
#sign-in-button {
  background: linear-gradient(135deg, #e7c75a, #b8901f) !important;
  color: #14110a !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.35);
}
#sign-in-button:hover { filter: brightness(1.08); }

/* «Powered by Authelia» — приглушить */
#root a[href*="authelia.com"] { opacity: 0.45; }