/* ============================================================
   БиБиБайк — фирменная тема bb.bike для Huly
   Palette: green #82d666 / #64be58 / #60b357, black #070108,
            dark navy #0a111e, light #f5f7f9
   Подключается через nginx sub_filter, файлы в /bbb/
   ============================================================ */

/* ---------- Глобальная палитра движка (обе темы) ---------- */
.theme-dark, .theme-light, :root {
  /* основные кнопки: зелёная "таблетка" с чёрным текстом, как на bb.bike */
  --primary-button-default: #82d666 !important;
  --primary-button-hovered: #8fdc75 !important;
  --primary-button-pressed: #64be58 !important;
  --primary-button-focused: #82d666 !important;
  --primary-button-outline: rgba(130, 214, 102, .55) !important;
  --primary-button-color: #070108 !important;
  --primary-button-content-color: rgba(7, 1, 8, .85) !important;
  --primary-button-border: rgba(7, 1, 8, .12) !important;
  --primary-button-transparent: rgba(130, 214, 102, .2) !important;

  /* новые (global) акценты */
  --global-accent-BackgroundColor: #60b357 !important;
  --global-accent-IconColor: #82d666 !important;
  --global-accent-SkyText: #cdeec0 !important;
  --global-on-accent-TextColor: #070108 !important;

  /* переключатели, галочки, каретка */
  --theme-toggle-on-bg-color: #82d666 !important;
  --theme-toggle-on-bg-hover: #64be58 !important;
  --theme-popup-checkicon: #60b357 !important;
  --theme-caret-color: #82d666 !important;

  /* звонки/прочие акценты, завязанные на старый синий */
  --love-active-call-color-1: #60b357 !important;
}

/* ссылки и акцентный текст — читаемые оттенки зелёного под тему */
.theme-light {
  --theme-link-color: #3f8f35 !important;
  --global-accent-TextColor: #3f8f35 !important;
  --global-primary-LinkColor: #3f8f35 !important;
}
.theme-dark {
  --theme-link-color: #82d666 !important;
  --global-accent-TextColor: #82d666 !important;
  --global-primary-LinkColor: #82d666 !important;
}

/* ---------- Страница входа / регистрации ---------- */

/* фирменный фон: зелёный + лучи с главной bb.bike */
img.back-image { display: none !important; }
.bg-image {
  position: relative !important;
  background: #82d666 url('/bbb/rays.svg') top center / cover no-repeat !important;
}
/* hero-картинка с главной страницы, прижата к левому низу */
.bg-image::before {
  content: "";
  position: absolute;
  left: 2vw; bottom: 0;
  width: min(44vw, 720px);
  height: min(78vh, 760px);
  background: url('/bbb/hero.webp') left bottom / contain no-repeat;
  pointer-events: none;
  z-index: 0;
}
/* форма и шапка поверх декора */
.bg-image > .flex-row-center,
.bg-image .panel-base { position: relative; z-index: 1; }

/* «Продолжить как гость» не работает до создания воркспейса — прячем */
.login-as-guest { display: none !important; }

/* галочка «Создать примеры проектов и демо-контент»: демо-наполнение
   отключено на сервере (INIT_REPO_DIR), прячем и саму галочку */
.demo-toggle { display: none !important; }

/* логотип bb.bike вместо логотипа Huly */
.bg-image > .flex-row-center svg { display: none !important; }
.bg-image > .flex-row-center span.fs-title {
  display: block !important;
  width: 150px; height: 36px;
  margin-left: .25rem;
  text-indent: -9999px; overflow: hidden;
  background: url('/bbb/logo.svg') left center / contain no-repeat;
}

/* панель формы — чёрная карточка в стиле тёмных блоков bb.bike */
.theme-dark.paneld, .paneld,
.bg-image .panel-base {
  background: #0a111e !important;
}
/* убираем сине-фиолетовые градиенты-подложки Huly */
.bg-image .panel-base::before,
.bg-image .panel-base::after,
.paneld::before,
.paneld::after { display: none !important; content: none !important; }
.backd { background: #070108 !important; }
.bg-image .panel-base {
  border-radius: 1.5rem !important;
}

/* кнопки на форме входа — зелёные «таблетки» с чёрным текстом, как на bb.bike */
.panel-base button,
.panel-base .antiButton { border-radius: 100px !important; }

.bg-image .antiButton.contrast {
  background: #82d666 !important;
  color: #070108 !important;
}
.bg-image .antiButton.contrast:hover { background: #8fdc75 !important; }
.bg-image .antiButton.contrast:active { background: #64be58 !important; }
.bg-image .antiButton.contrast span,
.bg-image .antiButton.contrast .label { color: #070108 !important; }

/* поля ввода — мягкое скругление */
.panel-base .form input,
.panel-base .form .cover-channel { border-radius: 14px !important; }