/* Оформление страниц MAS (вход в чат) в стиле «Оконного континента» — 02.10.2026.
   Цвета, шрифт, радиусы — из design/system (git.okonti-team.ru); фон и подача — как у темы Keycloak (identity),
   чтобы вход выглядел одним целым. Подключается шаблонами base.html/app.html через mas-templates/patch.py,
   раздаётся Caddy: https://auth.chat.okonti-team.ru/okonti-assets/ */
@font-face {
  font-family: "Onest";
  src: url("/okonti-assets/Onest.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --cpd-font-family-sans: "Onest", "Segoe UI", Arial, sans-serif;
  --cpd-color-text-primary: #222222;
  --cpd-color-text-secondary: #707c8b;
  --cpd-color-bg-action-primary-rest: #135ce4;
  --cpd-color-bg-action-primary-hovered: #0f4fc6;
  --cpd-color-bg-action-primary-pressed: #0c42a8;
  --cpd-color-text-on-solid-primary: #ffffff;
  --cpd-color-border-focused: #135ce4;
  --cpd-color-border-interactive-primary: #135ce4;
  --cpd-color-text-link-external: #135ce4;
  --cpd-color-bg-subtle-secondary: #ebf4ff;
}

/* Страницы входа и первого входа — белая карточка на тёмно-синем фоне, как у Keycloak */
body.okonti-auth {
  background: #003595;
  min-height: 100svh;
}
body.okonti-auth .layout-container {
  background: #ffffff;
  min-height: auto;
  margin: 48px auto;
  padding-block: 40px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(142, 141, 208, 0.16);
}
@media (max-width: 480px) {
  body.okonti-auth .layout-container { margin: 0 auto; min-height: 100svh; border-radius: 0; }
}
.okonti-logo { display: flex; justify-content: center; }
.okonti-logo img { height: 44px; width: auto; }
body.okonti-auth .page-heading { margin-block-start: 0; }
body.okonti-auth .page-heading .icon:not(.invalid) { display: none; }
body.okonti-auth .page-heading .title { color: #003595; }
.cpd-button { border-radius: 5px; }
.cpd-text-control { border-radius: 5px; }