/* ═══════════════════════════════════════════════════════════════════════════
   НЕО — тема портала Authelia (auth.neo-eng.ru)
   Инъектируется Caddy (replace_response) как <link> перед </head>.
   Authelia на Material UI, поэтому перекрываем ключевые классы через !important.
   Один акцент — приглушённый чартрёз #b7d24e, фон near-black, поля/кнопки-пилюли.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --neo-bg: #0b0b0c;
  --neo-surface: #141517;
  --neo-surface-2: #1b1d20;
  --neo-ink: #f2f3f2;
  --neo-mut: #9a9d9f;
  --neo-faint: #63666b;
  --neo-line: rgba(255, 255, 255, 0.10);
  --neo-lime: #b7d24e;
  --neo-lime-hi: #c6de6a;
  --neo-lime-ink: #12140a;
}

html, body, #root {
  background: var(--neo-bg) !important;
  color: var(--neo-ink) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Карточка формы — без «бумажной» подложки и тени, растворяем в фоне */
.MuiPaper-root {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--neo-ink) !important;
}

/* Заголовок «Авторизация» и типографика */
.MuiTypography-root { color: var(--neo-ink) !important; }
.MuiTypography-h5, .MuiTypography-h6 {
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
}
.MuiTypography-subtitle2, .MuiTypography-caption { color: var(--neo-mut) !important; }

/* Поля ввода — тёмная поверхность, скругление, лаймовый фокус */
.MuiOutlinedInput-root {
  background: var(--neo-surface) !important;
  border-radius: 12px !important;
}
.MuiOutlinedInput-input, .MuiInputBase-input {
  color: var(--neo-ink) !important;
}
.MuiOutlinedInput-notchedOutline {
  border-color: var(--neo-line) !important;
}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: rgba(255, 255, 255, 0.20) !important;
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--neo-lime) !important;
  border-width: 1.5px !important;
}
.MuiInputLabel-root { color: var(--neo-faint) !important; }
.MuiInputLabel-root.Mui-focused { color: var(--neo-lime) !important; }

/* Иконка «показать пароль» и прочие адорнменты */
.MuiIconButton-root, .MuiSvgIcon-root { color: var(--neo-mut) !important; }

/* Чекбокс «Запомнить» — лайм в отмеченном состоянии */
.MuiCheckbox-root.Mui-checked .MuiSvgIcon-root,
.MuiCheckbox-root.Mui-checked { color: var(--neo-lime) !important; }

/* Главная кнопка «Авторизация» — лаймовая пилюля с тёмным текстом */
.MuiButton-root {
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
.MuiButton-contained,
.MuiButton-containedPrimary {
  background-color: var(--neo-lime) !important;
  color: var(--neo-lime-ink) !important;
  font-weight: 700 !important;
}
.MuiButton-contained:hover,
.MuiButton-containedPrimary:hover {
  background-color: var(--neo-lime-hi) !important;
}
.MuiButton-contained.Mui-disabled {
  background-color: var(--neo-surface-2) !important;
  color: var(--neo-faint) !important;
}
.MuiButton-text, .MuiButton-outlined { color: var(--neo-lime) !important; }

/* Ссылки и подпись «При поддержке Authelia» */
a, .MuiLink-root { color: var(--neo-lime) !important; }
a:hover, .MuiLink-root:hover { color: var(--neo-lime-hi) !important; }

/* Прогресс-бар/спиннер и линейные индикаторы — в акценте */
.MuiLinearProgress-bar, .MuiCircularProgress-circle { color: var(--neo-lime) !important; background-color: var(--neo-lime) !important; }

/* Селект языка (иконка глобуса) сверху */
.MuiIconButton-root:hover { color: var(--neo-ink) !important; }

/* Сообщения об ошибке — приглушённый красный, не кислотный */
.MuiAlert-root { border-radius: 12px !important; }