/* Roboto — тот же шрифт, что в портале; файлы лежат в теме (self-hosted), не с CDN. */
@font-face { font-family: "Roboto Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../fonts/roboto-latin-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Roboto Variable"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../fonts/roboto-cyrillic-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }

/* Барьер-М: монохромная тема входа в тон порталу (docs/decisions/0009-visual-identity.md).
   Только CSS-переменные и классы PatternFly 5 — шаблоны Keycloak не трогаем. */
:root {
  --bm-ink: #111316;
  --bm-muted: #6b6f76;
  --bm-line: #e8e8eb;
  --pf-v5-global--primary-color--100: var(--bm-ink);
  --pf-v5-global--primary-color--200: #000;
  --pf-v5-global--link--Color: var(--bm-ink);
  --pf-v5-global--link--Color--hover: #000;
  --pf-v5-global--FontFamily--text: "Roboto Variable", system-ui, sans-serif;
  --pf-v5-global--FontFamily--heading: "Roboto Variable", system-ui, sans-serif;
}

.pf-v5-c-login,
.pf-v5-c-login__container {
  background: #f7f7f8;
}

.pf-v5-c-login__main,
.pf-v5-c-login__main-header {
  border-top: 0 !important;
}
.pf-v5-c-login__main {
  --pf-v5-c-login__main--BorderTopColor: transparent;
  border: 1px solid var(--bm-line);
  border-radius: 8px;
  box-shadow: none;
}

#kc-header,
#kc-header-wrapper,
.pf-v5-c-login__header .pf-v5-c-brand {
  color: var(--bm-ink);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0;
  text-transform: none;
}

.pf-v5-c-button.pf-m-primary {
  background-color: var(--bm-ink);
  color: #fff;
  border-radius: 6px;
  font-weight: 500;
}
.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
  background-color: #000;
}

.pf-v5-c-form-control {
  border-radius: 6px;
}
.pf-v5-c-form-control:focus-within {
  --pf-v5-c-form-control--after--BorderBottomColor: var(--bm-ink);
}

a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
a.pf-v5-c-button {
  text-decoration: none;
}

/* keycloak.v2 красит название realm в белый (под тёмный фон) — у нас фон светлый */
#kc-header #kc-header-wrapper.pf-v5-c-brand {
  color: var(--bm-ink) !important;
}

/* Тёмная тема по настройке системы — как в портале. keycloak.v2 (darkMode=true) ставит на <html> класс
   pf-v5-theme-dark, и PatternFly сам перекрашивает поля, списки и сообщения; здесь — только цвета Барьер-М. */
.pf-v5-theme-dark {
  --bm-ink: #f7f8f8;
  --bm-muted: #8a8f98;
  --bm-line: rgba(255, 255, 255, 0.08);
  --pf-v5-global--primary-color--100: #f7f8f8;
  --pf-v5-global--primary-color--200: #ffffff;
  --pf-v5-global--link--Color: #f7f8f8;
  --pf-v5-global--link--Color--hover: #ffffff;
}
.pf-v5-theme-dark .pf-v5-c-login,
.pf-v5-theme-dark .pf-v5-c-login__container {
  background: #08090a;
}
.pf-v5-theme-dark .pf-v5-c-login__main {
  background: #101113;
}
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary {
  background-color: #f7f8f8;
  color: #08090a;
}
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary:hover,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary:focus {
  background-color: #ffffff;
}

/* Вход по ссылке из письма по умолчанию (js/link-first.js): пароль, кнопка «Вход» и ссылка рядом с паролем
   скрыты, пока пользователь не выберет «Войти по паролю». */
.bm-link-first #kc-form-login .pf-v5-c-form__group:has(#password),
.bm-link-first #kc-form-login #kc-login {
  display: none;
}
.bm-password-toggle {
  margin-bottom: 8px;
  text-align: center;
}
:root:not(.bm-link-first) .bm-send-link {
  display: none;
}