/* ============================================================
   Актив-Б — бренд-слой облака (Ф2, инжект через sub_filter)
   Палитра с сайта activ-b.ru: графит #3b3838, оранж #ffa421,
   глубокий оранж #ff5e14, коралловый #ce5959, поддержка #ffdb99,
   фон #f2f2f5. Шрифт Montserrat (локально, без Google CDN).
   ============================================================ */

@import url('/ab-brand/mont-faces.css');

:root {
  --ab-graphite: #3b3838;
  --ab-orange: #ffa421;
  --ab-orange-deep: #ff5e14;
  --ab-coral: #ce5959;
  --ab-sand: #ffdb99;
  --ab-bg: #f2f2f5;
  --color-primary: #ffa421;
  --color-primary-hover: #ff5e14;
  --color-primary-text: #ffffff;
  --color-main-background: #f2f2f5;
  --color-main-text: #3b3838;
  --color-border: #d8d5d5;
  --color-error: #ce5959;
  --font-face: 'Montserrat', 'Noto Sans', system-ui, sans-serif;
}

/* ---------- Шапка ---------- */
#header,
.header-left,
#header .header-start,
#header .header-end {
  background: var(--ab-graphite) !important;
  color: #fff !important;
}
#header a,
#header button,
#header .header-menu__toggler,
.header-appmenu .app-menu a {
  color: #f5f2f0 !important;
}
#header a:hover,
#header button:hover {
  color: var(--ab-orange) !important;
}
.app-menu-entry [class*='icon-'],
#appmenu svg {
  filter: invert(1);
}
#appmenu .app-menu-entry:hover,
#appmenu .app-menu-entry.active {
  border-bottom-color: var(--ab-orange) !important;
}

/* ---------- Логин-страница ---------- */
body#body-login {
  background: var(--ab-graphite) !important;
  font-family: var(--font-face) !important;
}
#body-login .wrapper {
  color: #fff;
}
#body-login .login-box {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 164, 33, 0.25);
  backdrop-filter: blur(6px);
  border-radius: 14px;
}
#body-login h1,
#body-login h2,
#body-login a {
  color: #fff !important;
}
#body-login input[type='text'],
#body-login input[type='password'],
#body-login input[type='email'] {
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--ab-graphite) !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
}
#body-login input:focus {
  border-color: var(--ab-orange) !important;
}
#body-login .primary,
#body-login button.primary,
#body-login input.primary {
  background-color: var(--ab-orange) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 8px !important;
}
#body-login .primary:hover {
  background-color: var(--ab-orange-deep) !important;
}
#body-login footer a,
#body-login .update,
#body-login .infogroup {
  color: #e8e4e0 !important;
}
#body-login .lost-password-container a,
#body-login a.button,
#body-login .log-in-with-device,
#body-login [class*='alternative'] a,
#body-login .alternative-logins a {
  color: var(--ab-orange) !important;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid rgba(255, 164, 33, 0.45);
  border-radius: 8px;
  padding: 8px 14px;
  background: rgba(255, 164, 33, 0.08);
}
#body-login .lost-password-container a:hover,
#body-login a.button:hover {
  background: rgba(255, 164, 33, 0.2);
}

/* NC33 Vue-кнопки на логине: текст цвета фона = невидимки. Лечим все сразу */
#body-login .button-vue,
#body-login .button-vue__text {
  color: #f2ede9 !important;
}
#body-login button.button-vue--secondary,
#body-login a.button-vue--secondary {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 8px !important;
}
#body-login button.button-vue--secondary:hover {
  background: rgba(255, 164, 33, 0.22) !important;
  border-color: var(--ab-orange) !important;
}
/* «Войти» (primary) — текст белым, не графитовым */
#body-login button.login-form__submit .button-vue__text,
#body-login button.primary .button-vue__text {
  color: #ffffff !important;
}
#body-login .warning,
#body-login .error {
  color: #ffe9e9 !important;
  background: rgba(206, 89, 89, 0.25);
  border-color: var(--ab-coral) !important;
}
#body-login label,
#body-login .grouplabel {
  color: #d8d3cf !important;
}

/* ---------- Кнопки/акценты (обе темы) ---------- */
button.primary,
.input-button,
.button.primary,
.osd .button {
  background-color: var(--ab-orange) !important;
  border: 1px solid var(--ab-orange) !important;
  color: #fff !important;
}
button.primary:hover,
.button.primary:hover {
  background-color: var(--ab-orange-deep) !important;
  border-color: var(--ab-orange-deep) !important;
}
.action-item--primary .button-vue__icon,
.app-content-list-item.active {
  color: var(--ab-orange-deep);
}

/* ---------- Тёмная тема (NC dark) — на графит, не на чёрный ---------- */
body[data-theme-dark],
.dark .app-navigation {
  --color-main-background: #2b2929;
  --color-main-text: #eee9e5;
  --color-primary: #ffa421;
}

/* ---------- Скроллбары в тон ---------- */
* {
  scrollbar-color: var(--ab-orange) var(--ab-graphite);
}

/* ---------- Заглушка до Ф7 (полное меню/окна) ---------- */
#ab-brand-badge {
  position: fixed;
  bottom: 8px;
  right: 10px;
  z-index: 50;
  font: 500 10px/1 'Montserrat', sans-serif;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.45);
  text-transform: uppercase;
  pointer-events: none;
}