/* SM Project Helper — фирменный стиль СберМаркетинг (под sbermarketing.ru).
   Подключается из index.html ПОСЛЕ основного CSS Vikunja: переопределяет тему
   через CSS-переменные + добавляет градиентные pill-кнопки + убирает имагери Vikunja.
   Цепляемся за переменные и стабильные классы (не за хеши) — переживает апгрейды.

   Палитра sbermarketing.ru: тёмная премиум-тема, фон #05101e, акцент электрик-циан
   #2ab2f2, CTA-градиент #0476e1→#00d9ff, pill-кнопки (radius 40rem). Не зелёный Сбера. */

/* === Фирменный шрифт СберМаркетинг: SB Sans Display (self-hosted, с их сайта) === */
@font-face {
	font-family: 'SB Sans Display';
	src: url('/fonts/SBSansDisplay-Regular.woff2') format('woff2');
	font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'SB Sans Display';
	src: url('/fonts/SBSansDisplay-Semibold.woff2') format('woff2');
	font-weight: 600; font-style: normal; font-display: swap;
}
/* Применяем к тексту/заголовкам/контролам. Иконки (.fa/.icon/i) НЕ трогаем — у них свой шрифт. */
body {
	font-family: 'SB Sans Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.title, .subtitle,
button, .button,
input, .input, textarea, select, optgroup {
	font-family: 'SB Sans Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* === Акцент Vikunja (синий #1973ff) → электрик-циан СберМаркетинг === */
:root {
	--primary: #2ab2f2 !important;          /* кнопки, активные пункты, выделения */
	--primary-dark: #0476e1 !important;     /* hover/насыщенный */
	--primary-light: #e6f6fe !important;    /* светлая подложка акцента */
	--primary-invert: #ffffff !important;   /* текст на акцентных кнопках */
	--link: #2ab2f2 !important;
	--link-hover: #00d9ff !important;
}

/* === Градиентные pill-кнопки как на sbermarketing.ru (CTA) === */
.button.is-primary {
	background-image: linear-gradient(45deg, #0476e1 0%, #00d9ff 100%) !important;
	background-color: #0476e1 !important;   /* фолбэк */
	border-color: transparent !important;
	border-radius: 40rem !important;        /* pill */
	color: #fff !important;
}
.button.is-primary:hover,
.button.is-primary.is-hovered {
	filter: brightness(1.06);
}
.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active) {
	box-shadow: 0 0 0 .125em rgba(42, 178, 242, .3) !important;
}
/* Выключенная кнопка — явно серая (а не «бледный градиент»), чтобы не путать */
.button.is-primary[disabled],
.button.is-primary:disabled {
	background-image: none !important;
	background-color: #2a3340 !important;
	color: #8995a5 !important;
	opacity: 1 !important;
	cursor: not-allowed !important;
}

/* === Экран входа === */
/* Лама-маскот на входе (фон обёртки) */
.no-auth-wrapper { background-image: none !important; }
/* Левая панель входа → фирменный фон-герой с самого sbermarketing.ru */
section.image {
	background-image: url('/login-bg.webp') !important;
	background-size: cover !important;
	background-position: center !important;
	background-color: #05101e !important;
}

/* === Убрать декоративную имагери Vikunja (ламы/викуньи) === */
svg.llama-cool,
[class*="llama"] { display: none !important; }
.offline { background-image: none !important; }