/* ============================================================
   Element /chat/ — свой стиль под лендинг (2026-09)
   Серый фон, белая карточка без скруглений, чёрная кнопка.
   Всё ограничено .mx_AuthPage — основной интерфейс чата не трогаем.
   ============================================================ */

/* Цвета экранов входа (переменные Compound действуют только в auth-дереве) */
.mx_AuthPage {
  --cpd-color-bg-canvas-default: #ffffff;
  --cpd-color-bg-canvas-subtle: #f2f2ef;
  --cpd-color-bg-action-primary-rest: #17181c;
  --cpd-color-bg-action-primary-hovered: #33343a;
  --cpd-color-bg-action-primary-pressed: #000000;
  --cpd-color-text-action-primary-rest: #ffffff;
  --cpd-color-text-primary: #17181c;
  --cpd-color-text-secondary: #565b61;
  --cpd-color-border-interactive-default: #d8d9d4;
  --cpd-color-border-interactive-hovered: #17181c;
  background: #f5f5f3 !important;
}

/* Blur-подложка под карточкой не нужна */
.mx_AuthPage .mx_AuthPage_modalBlur { display: none !important; }

/* Окно: без скруглений и теней от Element */
.mx_AuthPage .mx_AuthPage_modal {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 7vh auto 0 !important;
}
.mx_AuthPage .mx_AuthPage_modalContent {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  flex-direction: column !important;
}

/* Логотип — по центру над карточкой (вместо левой колонки) */
.mx_AuthPage .mx_AuthHeader {
  display: flex !important;
  width: auto !important;
  padding: 0 0 24px !important;
  flex-direction: column !important;
  align-items: center !important;
  background: transparent !important;
}
.mx_AuthPage .mx_AuthHeaderLogo {
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
  width: 200px !important;
}
.mx_AuthPage .mx_AuthHeader .mx_AuthBody_language,
.mx_AuthPage .mx_AuthHeader .mx_LanguageSelector { display: none !important; }

/* Белая карточка формы — как на лендинге */
.mx_AuthPage .mx_AuthBody {
  width: 420px !important;
  max-width: calc(100vw - 32px) !important;
  background: #ffffff !important;
  border: 1px solid #e0e0db !important;
  border-radius: 0 !important;
  box-shadow: 0 1px 2px rgba(23, 24, 28, .05), 0 32px 64px -32px rgba(23, 24, 28, .18) !important;
  padding: 30px 40px 32px !important;
  box-sizing: border-box !important;
}

/* Заголовок «Вход» */
.mx_AuthPage .mx_AuthBody h1 {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
  color: #17181c !important;
  margin: 0 0 4px !important;
}

/* Поля ввода: чёрная линия при фокусе, без скруглений */
.mx_AuthPage .mx_AuthBody .mx_Field {
  border-radius: 0 !important;
}
.mx_AuthPage .mx_AuthBody .mx_Field input {
  background: #ffffff !important;
}

/* Кнопка «Войти» — чёрная, строгая */
.mx_AuthPage .mx_AuthBody .mx_Login_submit {
  width: 100% !important;
  height: 42px !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  margin: 20px 0 0 !important;
  box-shadow: none !important;
}

/* Ссылка «Забыли пароль?» */
.mx_AuthPage .mx_AuthBody .mx_Login_forgot {
  color: #565b61 !important;
  font-size: 12px !important;
}

/* Ошибки — спокойный красный */
.mx_AuthPage .mx_AuthBody .mx_Login_error { font-size: 13px !important; }

/* Футер страницы */
.mx_AuthPage .mx_AuthFooter {
  color: #a0a19a !important;
  font-size: 12px !important;
}
.mx_AuthPage .mx_AuthFooter a {
  color: #a0a19a !important;
  font-size: 12px !important;
  border-bottom: 1px solid #d5d6d0;
}
.mx_AuthPage .mx_AuthFooter a:hover { color: #17181c !important; }

/* Строка «Домашний сервер …» в карточке входа не нужна — сервер один и он в конфиге */
.mx_AuthPage .mx_ServerPicker { display: none !important; }

/* Логотип над карточкой не показываем — только карточка с формой */
.mx_AuthPage .mx_AuthHeader { display: none !important; }

/* Футер «Стартовая страница / На технологии Matrix» не показываем */
.mx_AuthPage .mx_AuthFooter { display: none !important; }

/* ============================================================
   ТЁМНЫЙ ФОН (2026-09) — переопределения поверх светлой версии,
   та же палитра, что на лендинге: фон #141416, карточка #1d1e22
   ============================================================ */
.mx_AuthPage {
  --cpd-color-bg-canvas-default: #1d1e22;
  --cpd-color-bg-canvas-subtle: #26272c;
  --cpd-color-bg-canvas-sunken: #141416;
  --cpd-color-bg-action-primary-rest: #f2f3f5;
  --cpd-color-bg-action-primary-hovered: #d3d5d8;
  --cpd-color-bg-action-primary-pressed: #ffffff;
  --cpd-color-text-action-primary-rest: #17181c;
  --cpd-color-text-primary: #ececef;
  --cpd-color-text-secondary: #a2a6ad;
  --cpd-color-border-interactive-default: #34363b;
  --cpd-color-border-interactive-hovered: #f2f3f5;
  --cpd-color-bg-subtle-primary: #26272c;
  background: #141416 !important;
}

/* карточка входа */
.mx_AuthPage .mx_AuthBody {
  background: #1d1e22 !important;
  border-color: #2b2c31 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 32px 64px -24px rgba(0, 0, 0, .65) !important;
}

/* заголовок «Вход» и поля */
.mx_AuthPage .mx_AuthBody h1 { color: #ececef !important; }
.mx_AuthPage .mx_AuthBody .mx_Field input {
  background: #1d1e22 !important;
  color: #ececef !important;
}
.mx_AuthPage .mx_AuthBody .mx_Field input::placeholder { color: #8b9096 !important; }
.mx_AuthPage .mx_AuthBody .mx_Field label { color: #8b9096 !important; }

/* «Забыли пароль?» */
.mx_AuthPage .mx_AuthBody .mx_Login_forgot { color: #9aa0a8 !important; }

/* ошибка — мягкий красный на тёмном */
.mx_AuthPage .mx_AuthBody .mx_Login_error { color: #e08a8a !important; }