/* ============================================================
   БРИЗ — тема-скин для SmartGroup CRM.
   Включается пилюлей (briz-theme.js, ключ 'crm-skin'); работает поверх
   штатной тёмной/светлой темы:
     • body.theme-briz:not(.light-theme)  → тёмный Бриз
     • body.theme-briz.light-theme        → светлый Бриз
   Тёмная/светлая выбирается штатным переключателем в Настройках.
   Откат: убрать <link> этого файла и <script> briz-theme.js из index.html.
   app.js не изменяется.
   ============================================================ */

/* ===== Палитры =====
   ТЁМНАЯ : bg #08161a/#0c2026 · акцент(мята) #2dd4bf · небо #46c6f5
            текст #eaf6f3 · приглуш. #9bbab4 · border rgba(124,210,198,.14)
   СВЕТЛАЯ: bg #eef7f4/#f3faf8 · акцент #0fb3a0 · небо #0ea5e9
            текст #0f2c2c · приглуш. #52706c · border rgba(18,86,78,.10)
   Бренд-градиент (оба режима): #1ec9b4 → #1aa9c9                       */

/* ============================================================
   1) ОБЩЕЕ (любой режим Бриза): шрифт + акценты/бренд-цвет
   ============================================================ */
body.theme-briz { font-family: 'Nunito', system-ui, -apple-system, sans-serif; }
body.theme-briz .font-sans { font-family: 'Nunito', system-ui, sans-serif; }

/* Скруглённость стеклянных карточек — в обоих режимах */
body.theme-briz .glass-card,
body.theme-briz .stat-card,
body.theme-briz .login-card { border-radius: 22px; }

/* Первичная кнопка */
body.theme-briz .btn-gradient {
    background: linear-gradient(135deg, #1ec9b4 0%, #1aa9c9 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(45, 212, 191, 0.35);
}
body.theme-briz .btn-gradient:hover {
    background: linear-gradient(135deg, #28d6c0 0%, #25b8d8 100%) !important;
    box-shadow: 0 6px 24px rgba(45, 212, 191, 0.45);
}
body.theme-briz .btn-gradient:active { box-shadow: 0 2px 12px rgba(45, 212, 191, 0.35); }

/* Бренд-градиенты Tailwind (аватары, лого, чипы) */
body.theme-briz [class*="from-blue-500"][class*="to-purple-500"],
body.theme-briz [class*="from-blue-500"][class*="to-purple-600"],
body.theme-briz [class*="from-blue-600"][class*="to-purple-600"] {
    background-image: linear-gradient(135deg, #1ec9b4 0%, #1aa9c9 100%) !important;
}

/* Фокус-обводки и «сегодня» → бирюза (перебивает золото светлой темы) */
body.theme-briz .vision-input:focus,
body.theme-briz .search-input-wrapper input:focus {
    border-color: #2dd4bf !important;
    box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.18) !important;
}
body.theme-briz .calendar-day.today,
body.theme-briz .file-upload-zone:hover,
body.theme-briz input[type="checkbox"]:hover { border-color: #2dd4bf !important; }

/* Акцентные заливки */
body.theme-briz .stat-card::before,
body.theme-briz .login-card::before {
    background: linear-gradient(90deg, #2dd4bf, #46c6f5, #38e0a8);
}
body.theme-briz .calendar-event,
body.theme-briz input[type="checkbox"]:checked,
body.theme-briz .timeline-dot,
body.theme-briz .theme-toggle.active {
    background: linear-gradient(135deg, #2dd4bf, #46c6f5) !important;
}
body.theme-briz .login-glow {
    background: radial-gradient(circle, rgba(45,212,191,0.25) 0%, transparent 70%);
}
body.theme-briz .progress-bar-fill,
body.theme-briz .progress-step-dot.active {
    background: linear-gradient(135deg, #2dd4bf, #46c6f5);
}
body.theme-briz .progress-step-dot.current { box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.3); }

/* Контентные синие акценты → тил (links/info-чипы), оба режима */
body.theme-briz [class*="text-blue-400"],
body.theme-briz [class*="text-blue-500"] { color: #0fb3a0 !important; }
body.theme-briz [class*="bg-blue-500/30"] { background: rgba(45,212,191,0.30) !important; }
body.theme-briz [class*="bg-blue-500/20"] { background: rgba(45,212,191,0.20) !important; }
body.theme-briz [class*="bg-blue-500/10"] { background: rgba(45,212,191,0.12) !important; }

/* Бейджи бренд-синий/фиолетовый (смысловые не трогаем) */
body.theme-briz .badge-blue {
    background: rgba(70, 198, 245, 0.16);
    color: #2aa5cf;
    border-color: rgba(70, 198, 245, 0.30);
}
body.theme-briz .badge-purple {
    background: rgba(15, 179, 160, 0.16);
    color: #0f9d8c;
    border-color: rgba(15, 179, 160, 0.30);
}

/* ============================================================
   2) ТОЛЬКО ТЁМНЫЙ БРИЗ
   ============================================================ */
body.theme-briz:not(.light-theme) .bg-gradient-animated {
    background:
        radial-gradient(ellipse at 20% 18%, rgba(45,212,191,0.10) 0%, transparent 52%),
        radial-gradient(ellipse at 82% 82%, rgba(70,198,245,0.08) 0%, transparent 52%),
        radial-gradient(ellipse at 50% 50%, rgba(56,224,168,0.04) 0%, transparent 55%),
        linear-gradient(180deg, #08161a 0%, #0c2026 100%);
}
body.theme-briz:not(.light-theme) .glass-card,
body.theme-briz:not(.light-theme) .stat-card,
body.theme-briz:not(.light-theme) .login-card {
    background: rgba(124, 210, 198, 0.045);
    border-color: rgba(124, 210, 198, 0.14);
}
body.theme-briz:not(.light-theme) select,
body.theme-briz:not(.light-theme) select option { background-color: #0e2730 !important; color: #eaf6f3 !important; }
body.theme-briz:not(.light-theme) main > header {
    background: rgba(12, 32, 38, 0.80) !important;
    border-bottom-color: rgba(124, 210, 198, 0.12) !important;
}
body.theme-briz:not(.light-theme) .sidebar {
    background: rgba(12, 32, 38, 0.85);
    border-right-color: rgba(124, 210, 198, 0.14);
}
body.theme-briz:not(.light-theme) .sidebar-item { color: #9bbab4; border-radius: 14px; }
body.theme-briz:not(.light-theme) .sidebar-item:hover { background: rgba(124, 210, 198, 0.08); color: #eaf6f3; }
body.theme-briz:not(.light-theme) .sidebar-item.active {
    background: linear-gradient(135deg, rgba(45,212,191,0.22) 0%, rgba(70,198,245,0.16) 100%);
    color: #eaf6f3;
    border: 1px solid rgba(45, 212, 191, 0.35);
    box-shadow: 0 2px 14px rgba(45, 212, 191, 0.18);
}
body.theme-briz:not(.light-theme) .section-header { color: #9bbab4; }
body.theme-briz:not(.light-theme) .section-header:hover { color: #eaf6f3; }

/* ============================================================
   3) ТОЛЬКО СВЕТЛЫЙ БРИЗ  (перебивает штатный body.light-theme)
   ============================================================ */
body.theme-briz.light-theme .bg-gradient-animated {
    background:
        radial-gradient(ellipse at 20% 18%, rgba(45,212,191,0.12) 0%, transparent 55%),
        radial-gradient(ellipse at 82% 82%, rgba(70,198,245,0.10) 0%, transparent 55%),
        linear-gradient(180deg, #eef7f4 0%, #f3faf8 100%) !important;
}

/* Поверхности → мягкий мятно-белый + тил-обводка */
body.theme-briz.light-theme .glass-card,
body.theme-briz.light-theme .sidebar,
body.theme-briz.light-theme .kanban-column,
body.theme-briz.light-theme .stat-card,
body.theme-briz.light-theme .header-dropdown,
body.theme-briz.light-theme .search-results,
body.theme-briz.light-theme .filter-panel,
body.theme-briz.light-theme .view-toggle,
body.theme-briz.light-theme .glass-card:hover,
body.theme-briz.light-theme .kanban-card {
    background: #f6fbf9 !important;
    border-color: rgba(18, 86, 78, 0.12) !important;
    box-shadow: 0 2px 14px rgba(15, 70, 62, 0.08) !important;
}

/* Текст → тил-чарколь / приглушённый тил */
body.theme-briz.light-theme .text-white,
body.theme-briz.light-theme h1,
body.theme-briz.light-theme h2,
body.theme-briz.light-theme h3,
body.theme-briz.light-theme .text-xl,
body.theme-briz.light-theme .text-2xl,
body.theme-briz.light-theme .text-3xl { color: #0f2c2c !important; }
body.theme-briz.light-theme [class*="text-white/90"],
body.theme-briz.light-theme [class*="text-white/80"] { color: rgba(15, 44, 44, 0.82) !important; }
body.theme-briz.light-theme [class*="text-white/70"],
body.theme-briz.light-theme [class*="text-white/60"] { color: #52706c !important; }
body.theme-briz.light-theme [class*="text-white/50"],
body.theme-briz.light-theme [class*="text-white/40"],
body.theme-briz.light-theme [class*="text-white/30"] { color: #88a4a0 !important; }

/* Шапка */
body.theme-briz.light-theme header {
    background: #f6fbf9 !important;
    border-bottom: 1px solid rgba(18, 86, 78, 0.10) !important;
}
body.theme-briz.light-theme header button { background: rgba(18, 86, 78, 0.05); color: #52706c; }
body.theme-briz.light-theme header button:hover { background: rgba(45, 212, 191, 0.14); color: #0f2c2c; }

/* Сайдбар */
body.theme-briz.light-theme .sidebar { background: #f3faf8 !important; border-right: 1px solid rgba(18, 86, 78, 0.10) !important; }
body.theme-briz.light-theme .sidebar-item { color: #52706c; border-radius: 14px; }
body.theme-briz.light-theme .sidebar-item:hover { background: rgba(45, 212, 191, 0.12); color: #0f2c2c; }
body.theme-briz.light-theme .sidebar-item.active {
    background: rgba(45, 212, 191, 0.18) !important;
    color: #0f2c2c !important;
    border: 1px solid rgba(15, 179, 160, 0.30) !important;
    font-weight: 700;
}
body.theme-briz.light-theme .section-header { color: #52706c; }

/* Инпуты/селекты */
body.theme-briz.light-theme .vision-input,
body.theme-briz.light-theme select.vision-input,
body.theme-briz.light-theme select {
    background: #ffffff !important;
    border-color: rgba(18, 86, 78, 0.14) !important;
    color: #0f2c2c !important;
}

/* ============================================================
   4) ДОП. ПОКРЫТИЕ остаточных синих/фиолетовых литералов Tailwind
      (то, что не ловили штатные темы). Смысловые цвета не трогаем.
   ============================================================ */
/* Полупрозрачные заливки → бирюза */
body.theme-briz [class*="bg-blue-500/5"],
body.theme-briz [class*="bg-purple-500/5"]  { background-color: rgba(45,212,191,0.07) !important; }
body.theme-briz [class*="bg-blue-500/10"],
body.theme-briz [class*="bg-purple-500/10"] { background-color: rgba(45,212,191,0.12) !important; }
body.theme-briz [class*="bg-blue-500/20"],
body.theme-briz [class*="bg-purple-500/20"] { background-color: rgba(45,212,191,0.20) !important; }
body.theme-briz [class*="bg-blue-500/30"]   { background-color: rgba(45,212,191,0.30) !important; }
/* Сплошные заливки */
body.theme-briz [class~="bg-blue-500"],
body.theme-briz [class~="bg-blue-600"],
body.theme-briz [class~="bg-purple-500"]    { background-color: #14b8a6 !important; }
/* Бордеры */
body.theme-briz [class*="border-blue-500/20"],
body.theme-briz [class*="border-purple-500/20"] { border-color: rgba(45,212,191,0.22) !important; }
body.theme-briz [class*="border-blue-500/30"]   { border-color: rgba(45,212,191,0.32) !important; }
body.theme-briz [class*="border-blue-500/50"]   { border-color: rgba(45,212,191,0.50) !important; }
body.theme-briz [class~="border-blue-500"],
body.theme-briz [class~="border-blue-400"],
body.theme-briz [class~="border-purple-400"] { border-color: rgba(45,212,191,0.45) !important; }
/* Кольца фокуса */
body.theme-briz [class*="ring-blue-500"],
body.theme-briz [class*="ring-blue-400"] { --tw-ring-color: rgba(45,212,191,0.6) !important; }
/* Любой градиент, стартующий с синего → мята→небо */
body.theme-briz [class*="from-blue-500"],
body.theme-briz [class*="from-blue-600"] { background-image: linear-gradient(135deg, #1ec9b4 0%, #1aa9c9 100%) !important; }
/* Инлайновые #6366f1 / #8b5cf6 как фон */
body.theme-briz [style*="background:#6366f1"],   body.theme-briz [style*="background: #6366f1"],
body.theme-briz [style*="background-color:#6366f1"], body.theme-briz [style*="background-color: #6366f1"],
body.theme-briz [style*="background:#8b5cf6"],   body.theme-briz [style*="background: #8b5cf6"],
body.theme-briz [style*="background-color:#8b5cf6"], body.theme-briz [style*="background-color: #8b5cf6"] {
    background: linear-gradient(135deg, #2dd4bf, #46c6f5) !important;
}
/* Текстовые акценты синий/фиолетовый → тил, разный оттенок под контраст */
body.theme-briz:not(.light-theme) [class*="text-blue-300"],
body.theme-briz:not(.light-theme) [class*="text-blue-400"],
body.theme-briz:not(.light-theme) [class*="text-blue-500"],
body.theme-briz:not(.light-theme) [class*="text-purple-100"],
body.theme-briz:not(.light-theme) [class*="text-purple-200"],
body.theme-briz:not(.light-theme) [class*="text-purple-300"],
body.theme-briz:not(.light-theme) [class*="text-purple-400"],
body.theme-briz:not(.light-theme) [class*="text-indigo-400"] { color: #2dd4bf !important; }
body.theme-briz.light-theme [class*="text-blue-300"],
body.theme-briz.light-theme [class*="text-blue-400"],
body.theme-briz.light-theme [class*="text-blue-500"],
body.theme-briz.light-theme [class*="text-purple-100"],
body.theme-briz.light-theme [class*="text-purple-200"],
body.theme-briz.light-theme [class*="text-purple-300"],
body.theme-briz.light-theme [class*="text-purple-400"],
body.theme-briz.light-theme [class*="text-indigo-400"] { color: #0f9d8c !important; }

/* ============================================================
   5) Тёмные панели-литералы Tailwind (bg-[#1a1f3a] и т.п.) и таб-пилюли
   ============================================================ */
body.theme-briz:not(.light-theme) [class*="bg-[#1a1f3a]"],
body.theme-briz:not(.light-theme) [class*="bg-[#1e2340]"],
body.theme-briz:not(.light-theme) [class*="bg-[#1B254B]"],
body.theme-briz:not(.light-theme) [class*="bg-[#1b254b]"],
body.theme-briz:not(.light-theme) [class*="bg-[#0B1437]"],
body.theme-briz:not(.light-theme) [class*="bg-[#0a0e27]"] { background-color: rgba(20, 44, 50, 0.6) !important; }

body.theme-briz.light-theme [class*="bg-[#1a1f3a]"],
body.theme-briz.light-theme [class*="bg-[#1e2340]"],
body.theme-briz.light-theme [class*="bg-[#1B254B]"],
body.theme-briz.light-theme [class*="bg-[#1b254b]"],
body.theme-briz.light-theme [class*="bg-[#0B1437]"],
body.theme-briz.light-theme [class*="bg-[#0a0e27]"] { background-color: #eef7f4 !important; }

/* Активная пилюля дашборд-вкладок (Обзор/Сделки/...) — была белой */
body.theme-briz [class*="bg-[#1a1f3a]"][class*="rounded-full"] button[class~="bg-white"] {
    background: linear-gradient(135deg, #2dd4bf, #46c6f5) !important;
    color: #04241f !important;
    box-shadow: 0 2px 12px rgba(45, 212, 191, 0.30) !important;
}

/* Градиентные карточки дашбордов (from-[#1e2340] to-[#252b4a]) — сине-фиолет → бриз.
   Это background-IMAGE (а не color), поэтому перекрываем именно image. */
body.theme-briz:not(.light-theme) [class*="from-[#1e2340]"] {
    background-image: linear-gradient(135deg, rgba(20, 44, 50, 0.60), rgba(14, 39, 48, 0.60)) !important;
    border-color: rgba(124, 210, 198, 0.12) !important;
}
body.theme-briz.light-theme [class*="from-[#1e2340]"] {
    background-image: linear-gradient(135deg, #f3faf8, #ecf6f4) !important;
    border-color: rgba(18, 86, 78, 0.10) !important;
}
/* В светлом Бризе текст внутри этих карточек был белым — делаем читаемым */
body.theme-briz.light-theme [class*="from-[#1e2340]"] [class~="text-white"] { color: #0f2c2c !important; }
body.theme-briz.light-theme [class*="from-[#1e2340]"] [class*="text-white/"] { color: #52706c !important; }

/* ============================================================
   6) Нативные контролы, выделение текста, остаточные утилиты
   ============================================================ */
/* accent-color: чекбоксы, радио, нативный date-picker (поля дд.мм.гггг) → мята */
body.theme-briz:not(.light-theme) { accent-color: #2dd4bf; }
body.theme-briz.light-theme { accent-color: #0fb3a0; }

/* выделение текста */
body.theme-briz:not(.light-theme) ::selection { background: rgba(45, 212, 191, 0.30); color: #eaf6f3; }
body.theme-briz.light-theme ::selection { background: rgba(15, 179, 160, 0.22); color: #0f2c2c; }

/* остаточные бренд-утилиты (немного, но для чистоты) */
body.theme-briz [class~="bg-blue-400"],
body.theme-briz [class*="bg-blue-500/50"] { background-color: rgba(45, 212, 191, 0.50) !important; }
body.theme-briz [class*="border-purple-500/30"] { border-color: rgba(45, 212, 191, 0.32) !important; }
body.theme-briz [class*="to-purple-500/20"] { --tw-gradient-to: rgba(45, 212, 191, 0.20) !important; }
body.theme-briz [class*="to-purple-500/30"] { --tw-gradient-to: rgba(45, 212, 191, 0.30) !important; }

/* Плавающие панели на навти-градиенте #131d42→#1a254f / навти-rgba:
   .modal-content   — модалки (Профиль/Настройки/Календарь),
   .header-dropdown  — панель уведомлений и др. дропдауны хедера,
   .search-results   — выпадашка глобального поиска,
   .notification     — всплывающий тост.
   В тёмной теме базовый стиль их не перекрывал → оставались синими. */
body.theme-briz:not(.light-theme) .modal-content,
body.theme-briz:not(.light-theme) .header-dropdown,
body.theme-briz:not(.light-theme) .search-results {
    background: linear-gradient(135deg, #0c2026 0%, #0e2730 100%) !important;
    border-color: rgba(124, 210, 198, 0.14) !important;
}
body.theme-briz:not(.light-theme) .notification {
    background: rgba(12, 32, 38, 0.96) !important;
    border-color: rgba(124, 210, 198, 0.14) !important;
}
/* .header-dropdown и .search-results в светлой теме уже мятно-белые (см. выше).
   Здесь добавляем светлый вид только модалок и тоста. */
body.theme-briz.light-theme .modal-content,
body.theme-briz.light-theme .notification {
    background: linear-gradient(135deg, #f3faf8 0%, #ecf6f4 100%) !important;
    border-color: rgba(18, 86, 78, 0.10) !important;
}

/* ============================================================
   Переключатель скина (плавающая пилюля снизу слева).
   Видна в любой теме, чтобы можно было включить/выключить Бриз.
   ============================================================ */
.briz-switch {
    position: fixed; left: 16px; bottom: 16px; z-index: 9999;
    display: inline-flex; align-items: center; gap: 8px;
    padding: 9px 14px; border-radius: 999px;
    font-family: 'Nunito', system-ui, sans-serif; font-size: 13px; font-weight: 700;
    color: #eaf6f3; background: rgba(12, 32, 38, 0.85);
    border: 1px solid rgba(124, 210, 198, 0.28);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 10px 28px -12px rgba(0, 0, 0, 0.6);
    cursor: pointer; user-select: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.briz-switch:hover { transform: translateY(-1px); border-color: rgba(45, 212, 191, 0.5); }
.briz-switch .briz-dot {
    width: 10px; height: 10px; border-radius: 50%;
    background: linear-gradient(135deg, #2dd4bf, #46c6f5);
    box-shadow: 0 0 10px rgba(45, 212, 191, 0.7);
}
.briz-switch.off .briz-dot { background: #6f928c; box-shadow: none; }
/* В светлой теме пилюлю делаем светлой */
body.light-theme .briz-switch { color: #0f2c2c; background: rgba(246, 251, 249, 0.92); border-color: rgba(18, 86, 78, 0.20); }

/* ═══════════════════════════════════════════════════════════
   Сворачивание сайдбара (десктоп ≥1024px).
   .sidebar — флекс-сосед, main (flex:1) сам занимает место.
   Состояние: body.theme-briz.briz-sidebar-collapsed (ставит briz-theme.js).
   Кнопка #briz-sb-toggle — слева снизу, над пилюлей «Бриз».
   На мобиле не активно — там штатный toggleMobileSidebar. app.js не трогаем.
   ═══════════════════════════════════════════════════════════ */
#briz-sb-toggle { display: none; }
@media (min-width: 1024px) {
    body.theme-briz .sidebar {
        transition: width .25s ease, flex-basis .25s ease, opacity .2s ease,
                    padding .25s ease, margin .25s ease !important;
    }
    /* Иконочный рейл (как референс): меню не прячем, сужаем до иконок */
    body.theme-briz.briz-sidebar-collapsed .sidebar {
        width: 74px !important; min-width: 74px !important; flex: 0 0 74px !important;
        overflow: visible !important;
    }
    /* шапка-бренд: только логотип */
    body.theme-briz.briz-sidebar-collapsed .sidebar > .border-b { padding-left: 0 !important; padding-right: 0 !important; }
    body.theme-briz.briz-sidebar-collapsed #companyBrandingBlock { justify-content: center; gap: 0; }
    body.theme-briz.briz-sidebar-collapsed #companyBrandingBlock > .flex-1,
    body.theme-briz.briz-sidebar-collapsed #companyEditBtn { display: none !important; }
    /* навигация: уже паддинги */
    body.theme-briz.briz-sidebar-collapsed .sidebar > nav { padding-left: 8px !important; padding-right: 8px !important; }
    /* заголовок секции: только иконка по центру, без текста и шеврона */
    body.theme-briz.briz-sidebar-collapsed .section-header { justify-content: center; padding: 12px 0; }
    body.theme-briz.briz-sidebar-collapsed .section-header > span { font-size: 0 !important; display: inline-flex; }
    body.theme-briz.briz-sidebar-collapsed .section-header > span > i { font-size: 16px !important; margin: 0 !important; }
    body.theme-briz.briz-sidebar-collapsed .section-header > i.fa-chevron-down { display: none !important; }
    /* под-пункты: только иконка по центру */
    body.theme-briz.briz-sidebar-collapsed #expertise-menu,
    body.theme-briz.briz-sidebar-collapsed #design-menu,
    body.theme-briz.briz-sidebar-collapsed #construction-menu,
    body.theme-briz.briz-sidebar-collapsed #general-menu { padding-left: 0 !important; }
    body.theme-briz.briz-sidebar-collapsed .sidebar-item { justify-content: center; gap: 0; padding-left: 0; padding-right: 0; font-size: 0 !important; }
    body.theme-briz.briz-sidebar-collapsed .sidebar-item > i { font-size: 15px !important; width: auto !important; }
    /* блок пользователя: только иконка выхода */
    body.theme-briz.briz-sidebar-collapsed .sidebar > .border-t { padding-left: 0 !important; padding-right: 0 !important; }
    body.theme-briz.briz-sidebar-collapsed .sidebar > .border-t .flex-1 { display: none !important; }
    body.theme-briz.briz-sidebar-collapsed .sidebar > .border-t > .flex { justify-content: center; gap: 0; }
    body.theme-briz #briz-sb-toggle {
        position: fixed; left: 16px; bottom: 64px; z-index: 9998;
        display: inline-flex; align-items: center; gap: 8px;
        padding: 8px 14px; border-radius: 999px; cursor: pointer; user-select: none;
        font-family: 'Nunito', system-ui, sans-serif; font-size: 13px; font-weight: 700;
        color: #2dd4bf; background: rgba(12, 32, 38, 0.85);
        border: 1px solid rgba(124, 210, 198, 0.22);
        backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
        box-shadow: 0 10px 28px -12px rgba(0, 0, 0, 0.6);
        transition: transform .15s ease, background .15s ease, border-color .15s ease;
    }
    body.theme-briz #briz-sb-toggle:hover {
        transform: translateY(-1px); background: rgba(20, 44, 50, 0.95);
        border-color: rgba(45, 212, 191, 0.5);
    }
    body.theme-briz #briz-sb-toggle .briz-sb-ico { font-size: 15px; line-height: 1; }
    body.theme-briz.light-theme #briz-sb-toggle {
        color: #0fb3a0; background: rgba(246, 251, 249, 0.92);
        border-color: rgba(18, 86, 78, 0.18); box-shadow: 0 8px 20px -10px rgba(15, 70, 62, 0.35);
    }
}

/* ═══════════════════════════════════════════════════════════
   Фон Бриза: пресеты глубоких градиентов (.bg-gradient-animated).
   Состояние: body.theme-briz.briz-bg-<id> (ставит briz-theme.js).
   id: deep | aurora | night ; 'off'/«Стандарт» = базовый фон Бриза.
   ═══════════════════════════════════════════════════════════ */
body.theme-briz.briz-bg-deep:not(.light-theme) .bg-gradient-animated {
    background:
        radial-gradient(ellipse 80% 55% at 12% 0%, rgba(30,201,180,0.30) 0%, transparent 60%),
        radial-gradient(ellipse 70% 60% at 100% 100%, rgba(70,198,245,0.22) 0%, transparent 55%),
        radial-gradient(ellipse 90% 70% at 50% 120%, rgba(56,224,168,0.18) 0%, transparent 60%),
        linear-gradient(160deg, #06141a 0%, #0a2430 55%, #07181e 100%) !important;
}
body.theme-briz.briz-bg-aurora:not(.light-theme) .bg-gradient-animated {
    background:
        radial-gradient(circle at 18% 12%, rgba(45,212,191,0.32) 0%, transparent 45%),
        radial-gradient(circle at 85% 18%, rgba(70,198,245,0.26) 0%, transparent 45%),
        radial-gradient(circle at 62% 96%, rgba(56,224,168,0.26) 0%, transparent 50%),
        radial-gradient(circle at 5% 88%, rgba(26,169,201,0.22) 0%, transparent 45%),
        linear-gradient(135deg, #06151b 0%, #0b2733 60%, #071c24 100%) !important;
}
body.theme-briz.briz-bg-night:not(.light-theme) .bg-gradient-animated {
    background:
        radial-gradient(ellipse 120% 80% at 50% -10%, rgba(24,116,104,0.34) 0%, transparent 60%),
        radial-gradient(ellipse 100% 60% at 50% 110%, rgba(18,86,78,0.26) 0%, transparent 55%),
        radial-gradient(circle at 85% 30%, rgba(45,212,191,0.12) 0%, transparent 40%),
        linear-gradient(180deg, #05100f 0%, #061417 100%) !important;
}
/* Живой — анимированный «дрейфующий» mesh */
body.theme-briz.briz-bg-live:not(.light-theme) .bg-gradient-animated {
    background:
        radial-gradient(circle at 20% 30%, rgba(45,212,191,0.30) 0%, transparent 45%),
        radial-gradient(circle at 80% 60%, rgba(70,198,245,0.26) 0%, transparent 45%),
        radial-gradient(circle at 55% 92%, rgba(56,224,168,0.26) 0%, transparent 48%),
        linear-gradient(120deg, #06141a 0%, #0b2733 50%, #07181e 100%) !important;
    background-size: 200% 200%, 220% 220%, 200% 200%, 320% 320% !important;
    animation: brizFlow 26s ease-in-out infinite !important;
}
@keyframes brizFlow {
    0%   { background-position: 0% 50%, 100% 40%, 50% 100%, 0% 50%; }
    50%  { background-position: 100% 50%, 0% 60%, 60% 0%, 100% 50%; }
    100% { background-position: 0% 50%, 100% 40%, 50% 100%, 0% 50%; }
}
body.theme-briz.briz-bg-deep.light-theme .bg-gradient-animated {
    background:
        radial-gradient(ellipse 80% 55% at 12% 0%, rgba(15,179,160,0.16) 0%, transparent 60%),
        radial-gradient(ellipse 70% 60% at 100% 100%, rgba(14,165,233,0.13) 0%, transparent 55%),
        linear-gradient(160deg, #eaf6f3 0%, #f1faf8 55%, #ecf6f4 100%) !important;
}
body.theme-briz.briz-bg-aurora.light-theme .bg-gradient-animated {
    background:
        radial-gradient(circle at 18% 12%, rgba(15,179,160,0.18) 0%, transparent 45%),
        radial-gradient(circle at 85% 18%, rgba(14,165,233,0.16) 0%, transparent 45%),
        radial-gradient(circle at 62% 96%, rgba(56,200,168,0.15) 0%, transparent 50%),
        linear-gradient(135deg, #eef8f5 0%, #f4fbf9 60%, #eaf6f3 100%) !important;
}
body.theme-briz.briz-bg-night.light-theme .bg-gradient-animated {
    background:
        radial-gradient(ellipse 120% 80% at 50% -10%, rgba(15,179,160,0.13) 0%, transparent 60%),
        linear-gradient(180deg, #eef7f4 0%, #f3faf8 100%) !important;
}
body.theme-briz.briz-bg-live.light-theme .bg-gradient-animated {
    background:
        radial-gradient(circle at 20% 30%, rgba(15,179,160,0.16) 0%, transparent 45%),
        radial-gradient(circle at 80% 60%, rgba(14,165,233,0.14) 0%, transparent 45%),
        radial-gradient(circle at 55% 92%, rgba(56,200,168,0.14) 0%, transparent 48%),
        linear-gradient(120deg, #eef8f5 0%, #f4fbf9 50%, #eaf6f3 100%) !important;
    background-size: 200% 200%, 220% 220%, 200% 200%, 320% 320% !important;
    animation: brizFlow 30s ease-in-out infinite !important;
}
/* — шестерёнка в пилюле «Бриз» + поповер выбора фона — */
.briz-switch .briz-gear { margin-left: 4px; font-size: 13px; opacity: .75; cursor: pointer; transition: opacity .15s ease, transform .2s ease; }
.briz-switch .briz-gear:hover { opacity: 1; transform: rotate(45deg); }
body:not(.theme-briz) .briz-switch .briz-gear,
body:not(.theme-briz) #briz-bg-pop { display: none !important; }
#briz-bg-pop {
    display: none; position: fixed; left: 16px; bottom: 108px; z-index: 9999;
    width: 210px; padding: 12px; border-radius: 16px;
    background: rgba(12,32,38,0.92); border: 1px solid rgba(124,210,198,0.22);
    box-shadow: 0 18px 44px -16px rgba(0,0,0,0.7);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    font-family: 'Nunito', system-ui, sans-serif;
}
#briz-bg-pop.open { display: block; }
#briz-bg-pop .briz-bg-title { font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #9bbab4; margin: 0 2px 8px; }
#briz-bg-pop .briz-bg-sw {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 8px; margin-bottom: 4px;
    border: 1px solid transparent; border-radius: 10px; background: transparent; cursor: pointer;
    color: #eaf6f3; font-size: 13px; font-weight: 600; font-family: inherit; text-align: left;
    transition: background .12s ease, border-color .12s ease;
}
#briz-bg-pop .briz-bg-sw:hover { background: rgba(124,210,198,0.10); }
#briz-bg-pop .briz-bg-sw.active { border-color: rgba(45,212,191,0.55); background: rgba(45,212,191,0.12); }
#briz-bg-pop .briz-bg-prev { width: 36px; height: 24px; border-radius: 7px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,0.12); }
body.theme-briz.light-theme #briz-bg-pop { background: rgba(246,251,249,0.95); border-color: rgba(18,86,78,0.18); }
body.theme-briz.light-theme #briz-bg-pop .briz-bg-title { color: #52706c; }
body.theme-briz.light-theme #briz-bg-pop .briz-bg-sw { color: #0f2c2c; }
body.theme-briz.light-theme #briz-bg-pop .briz-bg-sw:hover { background: rgba(15,179,160,0.10); }
body.theme-briz.light-theme #briz-bg-pop .briz-bg-sw.active { background: rgba(15,179,160,0.14); border-color: rgba(15,179,160,0.5); }