/* BoterBro — тема (светлая/тёмная). Финал.
   !!! Полная замена файла bb.theme.final.css
*/

/* ============ БАЗОВЫЕ ПЕРЕМЕННЫЕ ============ */
:root {
    --bb-accent: #22e6a1; /* фирменный зелёный */
    --bb-accent-600: #19c98d;
    --bb-accent-700: #12b27c;
    --bb-accent-800: #0e976a;

    --bb-ring: 0 0 0 .20rem rgba(34, 230, 161, .35); /* зелёное “свечение” */

    /* Подменяем bootstrap-переменные на свои */
    --bs-primary: var(--bb-accent);
    --bs-primary-rgb: 34, 230, 161;

    --bs-link-color: var(--bb-accent);
    --bs-link-hover-color: var(--bb-accent-700);

    --bb-body-bg: #ffffff;
    --bb-body: #111827;

    --bb-surface-1: #ffffff;
    --bb-surface-2: #f7f7f9;
    --bb-soft-border: #e7e9ee;
}

/* ТЁМНАЯ ТЕМА */
html[data-bb-theme="dark"] {
    --bb-body-bg: #0e1419;
    --bb-body: #e6ebee;

    --bb-surface-1: #11181f;
    --bb-surface-2: #0c1116;
    --bb-soft-border: #25303a;

    --bs-link-color: var(--bb-accent);
    --bs-link-hover-color: var(--bb-accent-600);
}

/* ============ ГЛОБАЛ ============ */
html, body {
    background: var(--bb-body-bg);
    color: var(--bb-body);
}

a {
    color: var(--bs-link-color);
}

a:hover {
    color: var(--bs-link-hover-color);
}

/* Футер прижат */
body.d-flex.flex-column.min-vh-100 {
    min-height: 100vh !important;
}

/* ============ NAVBAR / TOPBAR ============ */
.bb-topbar {
    background: linear-gradient(#0f1419 0, transparent 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

html[data-bb-theme="light"] .bb-topbar {
    background: linear-gradient(#f6f7f8 0, transparent 100%);
    border-bottom: 1px solid #eceff3;
}

.navbar .navbar-brand .bb-logo {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

/* “BoterBro” рядом с логотипом */
.navbar .navbar-brand span {
    color: var(--bb-body);
}

/* ============ КНОПКИ ============ */
.btn-primary,
.btn-accent {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bb-accent);
    --bs-btn-border-color: var(--bb-accent);
    --bs-btn-hover-bg: var(--bb-accent-700);
    --bs-btn-hover-border-color: var(--bb-accent-700);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-outline-primary,
.btn-outline-accent {
    --bs-btn-color: var(--bb-accent);
    --bs-btn-border-color: var(--bb-accent);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bb-accent);
    --bs-btn-hover-border-color: var(--bb-accent);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--bb-accent-700);
    --bs-btn-active-border-color: var(--bb-accent-700);
}

/* УБИРАЕМ “СИНИЙ” bootstrap-ring везде и красим в зелёный */
.btn:focus, .btn:active:focus,
.form-control:focus,
.form-select:focus,
.accordion-button:focus,
.page-link:focus,
.dropdown-toggle:focus {
    box-shadow: var(--bb-ring) !important;
    border-color: var(--bb-accent) !important;
    outline: 0 !important;
}

/* ============ ФОРМЫ (inputs/select) ============ */
.form-control, .form-select {
    background-color: var(--bb-surface-1);
    color: var(--bb-body);
    border-color: var(--bb-soft-border);
}

.form-control:focus, .form-select:focus {
    background-color: var(--bb-surface-1);
}

/* Цвет выделенной опции select (Firefox/Chromium/Edge) */
select.form-select option:checked,
select.form-select:focus option:checked {
    background: linear-gradient(var(--bb-accent-800), var(--bb-accent-800)) !important;
    color: #fff !important;
}

/* ============ КАРТОЧКИ / ПАНЕЛИ / СПИСКИ ============ */
.card, .list-group-item, .bb-hero-card, .bb-mini-card {
    background: var(--bb-surface-1) !important;
    color: var(--bb-body);
    border-color: var(--bb-soft-border) !important;
}

/* Блок “Ваши боты” — белый в тёмной теме? Чиним */
.bb-bot-item,
.bb-dashboard-card {
    background: var(--bb-surface-1) !important;
    border: 1px solid var(--bb-soft-border) !important;
    color: var(--bb-body);
}

/* ============ АККОРДЕОН (стрелка/цвет) ============ */
.accordion-button {
    background: var(--bb-surface-1);
    color: var(--bb-body);
    border-color: var(--bb-soft-border);
}

.accordion-button:not(.collapsed) {
    color: var(--bb-accent);
    background: var(--bb-surface-2);
}

.accordion-button::after {
    /* зелёная стрелка */
    filter: hue-rotate(110deg) saturate(4);
}

/* ============ ТОГГЛЕР ТЕМЫ ============ */
.bb-theme-toggle {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid var(--bb-soft-border);
    background: var(--bb-surface-1);
    transition: .15s ease;
}

.bb-theme-toggle:hover {
    border-color: var(--bb-accent);
    box-shadow: var(--bb-ring);
}

.bb-theme-toggle [data-when] {
    line-height: 1;
    font-size: 18px;
}

/* ============ ДОП. ДЕКОР ДОМАШНЕЙ ============ */
.bb-hero-card .btn {
    border-radius: 12px;
}

.bb-step {
    position: relative;
    border-radius: 18px;
}

.bb-step .bb-step-num {
    position: absolute;
    top: -12px;
    left: -12px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--bb-accent);
    color: #000;
    font-weight: 700;
    border: 2px solid rgba(0, 0, 0, .05);
}

/* Светлая/тёмная подпорка: тонкие разделители */
hr, .vr {
    border-color: var(--bb-soft-border) !important;
    opacity: .6;
}

/* ============ NAV CTA «Мои боты» ============ */
a.btn-outline-accent, a.btn-outline-primary {
    border-radius: 999px !important;
}

/* Ссылки с underline в тексте FAQ/Тексты бота — зелёные */
.bb-link, .text-primary, .link-primary {
    color: var(--bb-accent) !important;
}

.bb-link:hover, .text-primary:hover, .link-primary:hover {
    color: var(--bb-accent-700) !important;
}

/* ============================
   Dark theme readability & borders – hotfix
   ============================ */

/* Новые «универсальные» токены для рамок и вторичного текста */
:root {
    --bb-secondary: #6b7280; /* светлая вторичка */
    --bb-border: #e7e9ee; /* светлая рамка */
}

html[data-bb-theme="dark"] {
    --bb-body: #f0f6f4; /* основной текст поярче */
    --bb-secondary: #b7c7cc; /* вторичный текст читаемый */
    --bb-border: rgba(34, 230, 161, .22); /* зелёная дымчатая рамка */
}

/* Все рамки — на наши зелёные/серые токены */
.bb-topbar,
.card, .list-group-item, .bb-hero-card, .bb-mini-card,
.bb-bot-item, .bb-dashboard-card,
.form-control, .form-select, .accordion-button,
hr, .vr {
    border-color: var(--bb-border) !important;
}

/* Вторичный текст реально вторичный, но читаемый */
.text-body-secondary {
    color: var(--bb-secondary) !important;
}

/* Заголовки и «lead» выглядят контрастно в тёмной теме */
h1, h2, h3, h4 {
    color: var(--bb-body) !important;
}

.lead {
    color: var(--bb-body) !important;
    opacity: .92;
}

/* Поля/селекты в тёмной теме слегка затемняем под фон */
html[data-bb-theme="dark"] .form-control,
html[data-bb-theme="dark"] .form-select {
    background-color: #0f151b !important;
    color: var(--bb-body) !important;
}

/* Hover/фокус карточек – лёгкое зелёное «свечение», никаких белых */
.card:hover, .bb-mini-card:hover, .bb-step:hover,
.bb-bot-item:hover, .bb-dashboard-card:hover {
    box-shadow: 0 0 0 .12rem rgba(34, 230, 161, .10),
    0 8px 24px rgba(0, 0, 0, .28);
    border-color: rgba(34, 230, 161, .35) !important;
}

/* Аккордеон – зелёная стрелка и никаких белых контуров */
.accordion-button {
    background: var(--bb-surface-1) !important;
}

.accordion-button::after {
    filter: hue-rotate(110deg) saturate(4);
}

.accordion-button:not(.collapsed) {
    color: var(--bb-accent) !important;
    background: var(--bb-surface-2) !important;
    border-color: var(--bb-border) !important;
}

/* Поддержка «зелёных» бордеров у outline-кнопок в обеих темах */
.btn-outline-primary, .btn-outline-accent {
    border-color: var(--bb-accent) !important;
    color: var(--bb-accent) !important;
}

.btn-outline-primary:hover, .btn-outline-accent:hover {
    background: var(--bb-accent) !important;
    border-color: var(--bb-accent) !important;
    color: #000 !important;
}

/* ---------- NAVBAR readability ---------- */
.bb-topbar {
    background: var(--bb-surface-0, transparent);
    backdrop-filter: saturate(140%) blur(6px);
    -webkit-backdrop-filter: saturate(140%) blur(6px);
}

.bb-topbar .navbar-brand span {
    color: var(--bb-body, #0b141a);
}

.bb-topbar .nav-link {
    color: var(--bb-body, #0b141a) !important;
    opacity: .92;
}

.bb-topbar .nav-link:hover,
.bb-topbar .nav-link:focus,
.bb-topbar .nav-link.active {
    color: var(--bb-accent) !important;
    opacity: 1;
    text-decoration: none;
}

html[data-bb-theme="dark"] .bb-topbar .nav-link {
    color: var(--bb-body, #f0f6f4) !important;
}

/* Отступы между тумблером и кнопкой */
.bb-topbar .bb-theme-toggle {
    margin-right: .375rem;
}

@media (min-width: 992px) {
    .bb-topbar .bb-theme-toggle {
        margin-right: .5rem;
    }
}

/* ---------- THEME TOGGLE look ---------- */
.bb-theme-toggle {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--bb-border);
    background: var(--bb-surface-1, transparent);
}

.bb-theme-toggle:hover {
    border-color: var(--bb-accent);
    box-shadow: 0 0 0 .12rem rgba(34, 230, 161, .12);
}

/* ---------- CHECKBOX: зелёный accent ---------- */
.form-check-input,
input[type="checkbox"] {
    accent-color: var(--bb-accent);
}

.form-check-input:focus {
    box-shadow: 0 0 0 .2rem rgba(34, 230, 161, .25);
    border-color: var(--bb-accent);
}

/* (если ещё где-то прорывается синий) */
:where(.form-control, .form-select):focus {
    border-color: var(--bb-accent) !important;
    box-shadow: 0 0 0 .2rem rgba(34, 230, 161, .25) !important;
}

/* Читаемость заголовков/текста в тёмной теме */
html[data-bb-theme="dark"] body {
    color: var(--bb-body) !important;
}

html[data-bb-theme="dark"] h1,
html[data-bb-theme="dark"] .lead {
    color: var(--bb-body) !important;
}

/* =========================
   FAQ: контур аккордеона
   ========================= */
.bb-faq .accordion-item {
    background: transparent;
    border: 0; /* убираем дефолтный бордер bootstrap */
}

.bb-faq .accordion-button {
    background: transparent;
    color: inherit;
    border: 1px solid var(--bb-accordion-border); /* нейтральная обводка */
    border-radius: 14px !important;
    padding-block: .9rem;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

/* состояние открыто/hover/focus — мягкий зелёный акцент */
.bb-faq .accordion-button:focus,
.bb-faq .accordion-button:hover {
    border-color: var(--bb-accordion-accent);
    box-shadow: 0 0 0 .2rem var(--bb-accordion-accent-spot);
}

.bb-faq .accordion-button:not(.collapsed) {
    background-color: var(--bb-accordion-bg-active);
    border-color: var(--bb-accordion-accent);
    box-shadow: 0 0 0 .15rem var(--bb-accordion-accent-spot);
    color: inherit;
}

/* контент без лишних рамок */
.bb-faq .accordion-collapse {
    border: 0;
}

.bb-faq .accordion-body {
    padding-top: .75rem;
}

/* --- Палитра под темы --- */
:root[data-bb-theme="light"] {
    /* нейтральный контур и активное состояние */
    --bb-accordion-border: rgba(0, 0, 0, .08);
    --bb-accordion-accent: rgba(34, 227, 164, .65); /* зелёный «наш» */
    --bb-accordion-accent-spot: rgba(34, 227, 164, .18); /* мягкое свечение */
    --bb-accordion-bg-active: rgba(34, 227, 164, .06); /* легкая заливка при открытии */
}

:root[data-bb-theme="dark"] {
    --bb-accordion-border: rgba(255, 255, 255, .08); /* НЕ белые, а приглушённые */
    --bb-accordion-accent: rgba(34, 227, 164, .75);
    --bb-accordion-accent-spot: rgba(34, 227, 164, .22);
    --bb-accordion-bg-active: rgba(34, 227, 164, .05);
}

/* стрелка bootstrap берёт currentColor, оставляем цвет текста;
   контур делает всю работу — дополнительных правок иконки не нужно */
/* ===== BoterBro final patch (dark + accent) ===== */
:root {
    --bb-accent: #22e49d;
    --bb-accent-600: #1ccf89;
    --bb-accent-700: #13b775;
    --bb-topbar-bg: linear-gradient(180deg, rgba(0, 0, 0, .90), rgba(0, 0, 0, .78) 55%, rgba(0, 0, 0, .0));
}

/* Навбар — читабельно, кнопки справа, без белых рамок */
.bb-topbar {
    background: var(--bb-topbar-bg);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    backdrop-filter: saturate(120%) blur(6px);
}

.bb-topbar .nav-link {
    color: rgba(255, 255, 255, .82);
}

.bb-topbar .nav-link:hover,
.bb-topbar .nav-link:focus {
    color: var(--bb-accent);
}

.bb-theme-toggle {
    --size: 36px;
    width: var(--size);
    height: var(--size);
    display: grid;
    place-items: center;
    border-radius: .75rem;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .06);
}

.bb-theme-toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 .2rem rgba(34, 228, 157, .25);
}

/* Кнопки: основной/контурный без синего блика */
.btn-accent,
.btn-primary {
    background: var(--bb-accent);
    border-color: var(--bb-accent);
    color: #04130d;
}

.btn-accent:hover,
.btn-primary:hover {
    background: var(--bb-accent-600);
    border-color: var(--bb-accent-600);
    color: #04130d;
}

.btn-outline-primary {
    color: var(--bb-accent);
    border-color: var(--bb-accent);
}

.btn-outline-primary:hover {
    background: rgba(34, 228, 157, .12);
    border-color: var(--bb-accent-600);
    color: var(--bb-accent-600);
}

/* ————— ТЁМНАЯ ТЕМА ————— */
html[data-bb-theme="dark"] {
    --bs-body-bg: #0f1518;
    --bs-body-color: #E8F4ef;
    --bb-surface: #121a1e;
    --bb-border: rgba(255, 255, 255, .10);
    --bb-border-soft: rgba(255, 255, 255, .06);
}

html[data-bb-theme="dark"] body {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

/* Текст «вторичный» в тёмной теме – светлее, чтобы читался */
html[data-bb-theme="dark"] .text-body-secondary {
    color: rgba(232, 244, 239, .65) !important;
}

/* Карточки/панели в тёмной теме */
html[data-bb-theme="dark"] .card,
html[data-bb-theme="dark"] .bb-hero-card,
html[data-bb-theme="dark"] .bb-mini-card,
html[data-bb-theme="dark"] .accordion-item {
    background: var(--bb-surface);
    border-color: var(--bb-border-soft);
}

/* Герой-сайдбар (справа) – без белых теней */
html[data-bb-theme="dark"] .bb-hero-card {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}

/* Поля/placeholder/фокус — без синего */
.form-control,
.form-select {
    background-color: rgba(255, 255, 255, .06);
    border-color: var(--bb-border);
    color: var(--bs-body-color);
}

.form-control::placeholder {
    color: rgba(232, 244, 239, .45);
    opacity: 1;
}

.form-control:focus,
.form-select:focus {
    color: var(--bs-body-color);
    background-color: rgba(255, 255, 255, .08);
    border-color: var(--bb-accent-600) !important;
    box-shadow: 0 0 0 .2rem rgba(34, 228, 157, .25) !important;
}

/* Чекбоксы/радио — наш цвет */
.form-check-input {
    background-color: rgba(255, 255, 255, .08);
    border-color: var(--bb-border);
}

.form-check-input:focus {
    border-color: var(--bb-accent-600);
    box-shadow: 0 0 0 .2rem rgba(34, 228, 157, .25);
}

.form-check-input:checked {
    background-color: var(--bb-accent) !important;
    border-color: var(--bb-accent) !important;
}

/* Табы — без белого, активный — акцент */
.nav-tabs {
    border-color: var(--bb-border);
}

.nav-tabs .nav-link {
    color: rgba(232, 244, 239, .75);
    border-color: transparent;
}

.nav-tabs .nav-link:hover {
    color: var(--bb-accent);
}

.nav-tabs .nav-link.active {
    color: #04130d;
    background: var(--bb-accent);
    border-color: var(--bb-accent);
}

/* Select dropdown (выпадающий) */
.dropdown-menu,
.select-dropdown-menu {
    background: #0f171a;
    border-color: var(--bb-border);
}

.dropdown-item {
    color: rgba(232, 244, 239, .9);
}

.dropdown-item.active,
.dropdown-item:active {
    background: rgba(34, 228, 157, .18);
    color: #dffff3;
}

/* Аккордеон FAQ – только контур акцентный, без белого внутри */
.accordion-item {
    border: 1px solid var(--bb-border-soft);
    border-radius: .75rem !important;
    overflow: hidden;
}

.accordion-button {
    background: transparent;
    color: var(--bs-body-color);
}

.accordion-button:not(.collapsed) {
    color: var(--bs-body-color);
    background: rgba(34, 228, 157, .06);
    border-bottom: 1px solid var(--bb-border-soft);
    box-shadow: inset 0 0 0 1px rgba(34, 228, 157, .35);
}

.accordion-button:focus {
    box-shadow: 0 0 0 .15rem rgba(34, 228, 157, .25);
    border-color: var(--bb-accent-600);
}

/* Карточка бота в панели – тёмная, не белая */
html[data-bb-theme="dark"] .bb-bot-card,
html[data-bb-theme="dark"] .list-group-item {
    background: var(--bb-surface);
    border-color: var(--bb-border-soft);
}

/* Пилюли навбара */
.bb-pill {
    padding: .375rem .875rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .06);
    color: #e8f4ef;
}

.bb-pill:hover {
    border-color: var(--bb-accent);
    color: var(--bb-accent);
}

/* Линк «Выйти/Войти» в навбаре как пилюля */
.bb-auth {
    background: var(--bb-accent);
    border-color: var(--bb-accent);
    color: #04130d;
}

.bb-auth:hover {
    background: var(--bb-accent-600);
    border-color: var(--bb-accent-600);
    color: #04130d;
}

/* === BoterBro — тёмная/светлая тема: единый акцент и устранение "синих/белых" === */
:root {
    --bb-accent: #22E39A; /* главный зелёный */
    --bb-accent-10: rgba(34, 227, 154, .10);
    --bb-accent-18: rgba(34, 227, 154, .18);
    --bb-accent-24: rgba(34, 227, 154, .24);
    --bb-ring: 0 0 0 .25rem var(--bb-accent-18);
}

/* навбар: порядок и отступы для кнопок справа */
.bb-topbar .navbar-nav.ms-lg-auto {
    gap: .5rem
}

@media (min-width: 992px) {
    .bb-topbar .navbar-nav.ms-lg-auto .bb-theme-toggle {
        margin-left: .25rem
    }
}

/* -------- Общая типографика placeholder’ов -------- */
::placeholder {
    color: rgba(255, 255, 255, .45)
}

[data-bb-theme="light"] ::placeholder {
    color: rgba(0, 0, 0, .45)
}

/* -------- Инпуты/селекты/textarea — убираем синий/белый и даём зелёный кельт -------- */
.form-control,
.form-select {
    color: inherit;
    background-color: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .12);
}

[data-bb-theme="light"] .form-control,
[data-bb-theme="light"] .form-select {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .12);
}

/* focus ring — единый зелёный, никакого синего */
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.accordion-button:focus,
.nav-tabs .nav-link:focus,
.nav-pills .nav-link:focus {
    border-color: var(--bb-accent);
    box-shadow: var(--bb-ring);
    outline: 0;
}

/* чекбоксы/радио — зелёные */
.form-check-input {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .28);
}

.form-check-input:checked {
    background-color: var(--bb-accent);
    border-color: var(--bb-accent);
    box-shadow: none;
}

/* -------- SELECT: зелёная стрелка и зелёный актив в выпадашке -------- */
/* стрелка у .form-select (Bootstrap SVG) */
.form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2322E39A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Chrome/Edge/Firefox: активный/hover пункт в списке */
.form-select option:hover,
.form-select option:checked {
    background: var(--bb-accent) !important;
    color: #000 !important;
}

/* -------- Табы (настройки бота) -------- */
.nav-tabs {
    border-color: rgba(255, 255, 255, .12);
}

.nav-tabs .nav-link {
    color: inherit;
    border: 1px solid transparent;
}

.nav-tabs .nav-link:hover {
    border-color: rgba(255, 255, 255, .18);
}

.nav-tabs .nav-link.active {
    color: #000;
    background: var(--bb-accent);
    border-color: var(--bb-accent);
}

[data-bb-theme="light"] .nav-tabs .nav-link.active {
    color: #fff; /* в светлой — белый текст на зелёном */
}

/* Pills (если где-то используется) */
.nav-pills .nav-link.active {
    background: var(--bb-accent);
    color: #000;
}

/* -------- Аккордеон (FAQ) — зелёные контуры/стрелки -------- */
.accordion-item {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
}

.accordion-button {
    color: inherit;
    background: rgba(255, 255, 255, .04);
    border-radius: 12px !important;
}

.accordion-button:not(.collapsed) {
    color: inherit;
    background: rgba(34, 227, 154, .06);
    box-shadow: none;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* зелёная стрелка у FAQ */
.accordion-button::after {
    filter: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2322E39A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* -------- Карточки/блоки в тёмной теме — без белых обводок -------- */
[data-bb-theme="dark"] .card,
[data-bb-theme="dark"] .bb-hero-card,
[data-bb-theme="dark"] .bb-mini-card {
    background: rgba(255, 255, 255, .03);
    border-color: rgba(255, 255, 255, .10);
}

/* -------- Кнопки: outline — зелёный, hover — слегка заполненный -------- */
.btn-outline-primary {
    --bs-btn-color: var(--bb-accent);
    --bs-btn-border-color: var(--bb-accent);
    --bs-btn-hover-bg: var(--bb-accent-10);
    --bs-btn-hover-color: var(--bb-accent);
    --bs-btn-hover-border-color: var(--bb-accent);
    --bs-btn-active-bg: var(--bb-accent);
    --bs-btn-active-border-color: var(--bb-accent);
    --bs-btn-active-color: #000;
}

.btn-primary,
.btn-accent {
    background: var(--bb-accent);
    border-color: var(--bb-accent);
    color: #000;
}

.btn-primary:hover,
.btn-accent:hover {
    filter: brightness(1.05);
}

/* -------- Цвет текста шапки в тёмной теме (читаемость) -------- */
[data-bb-theme="dark"] .bb-topbar {
    background: linear-gradient(180deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .55));
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

[data-bb-theme="dark"] .bb-topbar .nav-link {
    color: rgba(255, 255, 255, .82);
}

[data-bb-theme="dark"] .bb-topbar .nav-link:hover {
    color: #fff;
}

/* -------- Иконка луны/солнца — без чёрной рамки -------- */
.bb-theme-toggle {
    border: 1px solid rgba(255, 255, 255, .18);
    background: transparent;
}

.bb-theme-toggle:hover {
    border-color: var(--bb-accent)
}
/* ========== FIX: синий ACTIVE у кнопок Bootstrap ========== */
:root{
    /* наши зелёные, если ещё не определены */
    --bb-accent-500:#2DFF9D;
    --bb-accent-600:#19e07f;
    --bb-accent-700:#12b868;
}

/* Кнопка .btn-primary */
.btn-primary{
    --bs-btn-bg: var(--bb-accent-600);
    --bs-btn-border-color: var(--bb-accent-600);
    --bs-btn-hover-bg: var(--bb-accent-700);
    --bs-btn-hover-border-color: var(--bb-accent-700);
    /* вот это убирает синий при активе/нажатии */
    --bs-btn-active-bg: var(--bb-accent-700);
    --bs-btn-active-border-color: var(--bb-accent-700);
    --bs-btn-focus-shadow-rgb: 45, 255, 157; /* мягкая зелёная обводка */
}

/* Outline-вариант — тоже без синего */
.btn-outline-primary{
    --bs-btn-color: var(--bb-accent-600);
    --bs-btn-border-color: var(--bb-accent-600);
    --bs-btn-hover-bg: rgba(45,255,157,.12);
    --bs-btn-hover-border-color: var(--bb-accent-600);
    --bs-btn-active-bg: rgba(45,255,157,.18);
    --bs-btn-active-border-color: var(--bb-accent-700);
    --bs-btn-focus-shadow-rgb: 45, 255, 157;
}

/* На всякий — принудительно для активных псевдосостояний */
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle{
    background-color: var(--bb-accent-700) !important;
    border-color: var(--bb-accent-700) !important;
}
.btn-outline-primary:active,
.btn-outline-primary.active,
.show>.btn-outline-primary.dropdown-toggle{
    background-color: rgba(45,255,157,.18) !important;
    border-color: var(--bb-accent-700) !important;
    color: var(--bb-accent-600) !important;
}

/* Фокус-кольцо без синего */
.btn:focus-visible{
    box-shadow: 0 0 0 .25rem rgba(45,255,157,.25);
}

/* ========== FIX: синий highlight у select/option ========== */
/* Цвет выделения пункта в раскрытом списке (Chromium/Firefox/новый Edge) */
.form-select option:checked,
.form-select option:focus,
select option:checked,
select option:focus{
    background-color: rgba(45,255,157,.22) !important; /* зелёная подсветка */
    color: #fff !important;
}

/* Сам select: зелёный фокус/бордер, без синего свечения */
.form-select:focus{
    border-color: var(--bb-accent-600) !important;
    box-shadow: 0 0 0 .25rem rgba(45,255,157,.25) !important;
    outline: none;
}

/* Для темной темы немного усилить контраст текста в option */
[data-bb-theme="dark"] .form-select option{
    color: #E9EFEA;
}

/* На некоторых платформах Windows/GTK появляется синяя системная подсветка.
   Немного «перебиваем» её через selection внутри списка */
select::selection,
.form-select::selection{
    background: rgba(45,255,157,.22);
    color:#fff;
}