/* ========================================================================== */
/* ======================== ФИКС ДЛЯ СВЕТЛОЙ ТЕМЫ =========================== */
/* ========================================================================== */

[data-theme="light"] {
    --bg-color: #f0f4f8;
    --card-bg: #ffffff;
    --text-main: #0f172a;
    /* Сделали серый текст темнее для лучшей читаемости */
    --text-gray: #334155; 
    /* Сделали границы чуть темнее, чтобы карточки не сливались */
    --border-color: #cbd5e1;
    --accent-gold: #d97706;
}

[data-theme="light"] body {
    background-color: var(--bg-color);
    color: var(--text-main);
}

/* 1. Главная страница (Карточки модулей "Как работает Neyroll") */
[data-theme="light"] .module-row {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}
[data-theme="light"] .module-row .mod-text h4 {
    color: var(--text-main) !important;
}
[data-theme="light"] .module-row .mod-text p {
    color: #475569 !important;
}
[data-theme="light"] .module-row .mod-number {
    background: rgba(14, 165, 233, 0.1) !important;
    color: var(--accent-blue) !important;
    border: 1px solid rgba(14, 165, 233, 0.3) !important;
}
[data-theme="light"] .module-row:hover .mod-number {
    background: var(--accent-blue) !important;
    color: #ffffff !important;
    border-color: var(--accent-blue) !important;
}
[data-theme="light"] .scroll-down-overlay {
    background: linear-gradient(to bottom, transparent, #f0f4f8 80%) !important;
}

/* 2. Ховеры для кнопок-лимитов и табов */
[data-theme="light"] .nc-btn-filter:hover {
    border-color: var(--accent-blue) !important;
    color: var(--accent-blue) !important;
    background: rgba(14, 165, 233, 0.05) !important;
}
[data-theme="light"] .nc-tab:hover,
[data-theme="light"] .adv-tab:hover {
    color: var(--text-main) !important;
}

/* Фикс исчезающего текста при наведении на контурные кнопки */
[data-theme="light"] .nc-btn-red-outline:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
}
[data-theme="light"] .nc-btn-blue-outline:hover {
    background: var(--accent-blue) !important;
    color: #ffffff !important;
}
[data-theme="light"] .outline-btn:hover {
    color: #ffffff !important;
}

/* Кнопка "Применить" в шаблонах парсера (убираем белый цвет и оранжевый ховер) */
[data-theme="light"] .template-card .outline-btn {
    color: var(--accent-blue) !important;
    border-color: var(--accent-blue) !important;
    background: transparent !important;
}
[data-theme="light"] .template-card .outline-btn:hover {
    background: var(--accent-blue) !important;
    color: #ffffff !important;
}

/* 3. Кнопки пуска */
[data-theme="light"] .nc-btn-start[style*="color: #8b5cf6"] { color: #8b5cf6 !important; }
[data-theme="light"] .nc-btn-start[style*="color: #0ea5e9"] { color: #0ea5e9 !important; }
[data-theme="light"] .nc-btn-start[style*="color: #10b981"] { color: #10b981 !important; }
[data-theme="light"] .nc-btn-stop { color: var(--text-main) !important; }

/* 4. Настройка аккаунта */
[data-theme="light"] .warning-banner {
    background: #fffbeb !important;
    border-color: #f59e0b !important;
    color: #b45309 !important;
}
[data-theme="light"] .acc-hero-card {
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important;
    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.2);
}
[data-theme="light"] .acc-hero-info h3, [data-theme="light"] .acc-hero-info p {
    color: #ffffff !important;
}

/* Цвет бейджа "Новый (0д)" в управлении аккаунтом */
[data-theme="light"] .acc-hero-badges span[style*="rgba(148, 163, 184, 0.2)"] {
    background: rgba(14, 165, 233, 0.2) !important;
    color: #0284c7 !important;
    border: 1px solid rgba(14, 165, 233, 0.3) !important;
}

[data-theme="light"] .action-btn {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #475569 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}
[data-theme="light"] .action-btn:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* 5. Модальные окна, карточки и контейнеры */
[data-theme="light"] .modal-card,
[data-theme="light"] .advanced-modal,
[data-theme="light"] .profile-block,
[data-theme="light"] .nc-card,
[data-theme="light"] .checkout-box,
[data-theme="light"] .ai-chat-window,
[data-theme="light"] .adv-export-modal {
    background: #ffffff !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .adv-export-header,
[data-theme="light"] .adv-export-footer {
    background: #f8fafc !important;
    border-color: var(--border-color) !important;
}

[data-theme="light"] .adv-modal-header {
    border-bottom-color: var(--border-color) !important;
}

[data-theme="light"] .adv-close-btn,
[data-theme="light"] .close-modal {
    background: transparent !important;
    color: #475569 !important;
    border-radius: 50% !important;
}
[data-theme="light"] .adv-close-btn:hover,
[data-theme="light"] .close-modal:hover {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #ef4444 !important;
}

[data-theme="light"] .switch-auth a,
[data-theme="light"] #authContent a {
    color: #0ea5e9 !important;
}
[data-theme="light"] .switch-auth a:hover,
[data-theme="light"] #authContent a:hover {
    color: #0284c7 !important;
}

/* 6. Заголовки и текст, который был жестко прописан белым цветом в HTML */
[data-theme="light"] h2,
[data-theme="light"] .adv-modal-title,
[data-theme="light"] .panel-title,
[data-theme="light"] .info-val,
[data-theme="light"] .nc-main-title,
[data-theme="light"] .nc-p-controls i {
    color: var(--text-main) !important;
}

[data-theme="light"] .user-auth {
    color: #0f172a !important;
}
[data-theme="light"] .user-auth:hover {
    background: #f1f5f9 !important;
}

/* Охватываем все inline-стили, которые делают текст белым на белом фоне */
[data-theme="light"] td[style*="color: white"],
[data-theme="light"] td[style*="color:white"],
[data-theme="light"] div[style*="color: white"],
[data-theme="light"] div[style*="color:white"],
[data-theme="light"] span[style*="color: white"],
[data-theme="light"] span[style*="color:white"],
[data-theme="light"] label[style*="color: white"],
[data-theme="light"] label[style*="color:white"],
[data-theme="light"] h3[style*="color: white"],
[data-theme="light"] h3[style*="color:white"],
[data-theme="light"] h4[style*="color: white"],
[data-theme="light"] h4[style*="color:white"],
[data-theme="light"] .tg-name,
[data-theme="light"] .adv-check-title,
[data-theme="light"] .nd-dialog-name, /* ИСПРАВЛЕНО: Ники в Нейродиалогах */
[data-theme="light"] .wu-live-acc-name, /* Имена в прогреве */
[data-theme="light"] .nchat-live-acc-name { /* Имена в чаттинге */
    color: var(--text-main) !important;
}

[data-theme="light"] [style*="color: #cbd5e1"],
[data-theme="light"] [style*="color:#cbd5e1"],
[data-theme="light"] .nc-prompt-card.create-new {
    color: var(--text-gray) !important;
}

/* ИСКЛЮЧЕНИЕ: Белый текст НА КНОПКАХ, ИКОНКАХ И БЕЙДЖАХ должен остаться белым! */
[data-theme="light"] button[style*="color: white"],
[data-theme="light"] button[style*="color:white"],
[data-theme="light"] .login-submit-btn,
[data-theme="light"] .btn-primary,
[data-theme="light"] .btn-bright-blue,
[data-theme="light"] .btn-bright-green,
[data-theme="light"] .btn-add-beautiful,
[data-theme="light"] .nc-badge-blue-circle,
[data-theme="light"] .tg-add-contact,
[data-theme="light"] .hist-run-btn,
[data-theme="light"] .badge-full,
[data-theme="light"] .nc-badge-green,
[data-theme="light"] .nc-check-circle,
[data-theme="light"] .ai-avatar-small,
[data-theme="light"] .ai-avatar,
[data-theme="light"] .ai-send-btn,
[data-theme="light"] .nc-icon-blue-shield,
[data-theme="light"] .nc-l-icon,
[data-theme="light"] .adv-check-icon i {
    color: #ffffff !important;
}

/* Фикс: Смайлики/иконки внутри этих блоков на светлой теме не должны быть белыми */
[data-theme="light"] .nc-icon-blue {
    color: #0ea5e9 !important;
    background: rgba(14, 165, 233, 0.1) !important;
}
[data-theme="light"] .nc-icon-green {
    color: #10b981 !important;
    background: rgba(16, 185, 129, 0.1) !important;
}

[data-theme="light"] .nc-p-controls i:hover { color: var(--accent-blue) !important; }
[data-theme="light"] .nc-prompt-card.active .nc-p-controls i { color: var(--accent-blue) !important; }
[data-theme="light"] .nc-prompt-card.active .nc-p-controls i:hover { color: var(--text-main) !important; opacity: 1; }

/* Конфиги */
[data-theme="light"] .nc-config-chip,
[data-theme="light"] .nd-config-chip,
[data-theme="light"] .wu-config-chip {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: var(--text-gray) !important;
}
[data-theme="light"] .nc-config-chip:hover,
[data-theme="light"] .nd-config-chip:hover,
[data-theme="light"] .wu-config-chip:hover {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
}
[data-theme="light"] .nc-config-chip.active,
[data-theme="light"] .nd-config-chip.active,
[data-theme="light"] .wu-config-chip.active {
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: var(--accent-blue) !important;
    color: var(--accent-blue) !important;
}

/* 7. Инпуты, текстарии и выпадающие списки */
/* Сделали фоны инпутов светло-серыми, чтобы они выделялись */
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="number"],
[data-theme="light"] textarea,
[data-theme="light"] select,
[data-theme="light"] .edit-input,
[data-theme="light"] .prof-input,
[data-theme="light"] .custom-textarea,
[data-theme="light"] .nc-search-box input,
[data-theme="light"] .nc-search-box-small input,
[data-theme="light"] .ai-chat-footer input {
    background: #f8fafc !important;
    color: var(--text-main) !important;
    border-color: #cbd5e1 !important;
}
[data-theme="light"] input[type="text"]:focus,
[data-theme="light"] input[type="number"]:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] .prof-input:focus {
    background: #ffffff !important;
    border-color: var(--accent-blue) !important;
}
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #94a3b8 !important;
}

/* 8. Темные полупрозрачные блоки */
[data-theme="light"] .nc-accounts-list-empty,
[data-theme="light"] .nc-selected-empty,
[data-theme="light"] .profile-panel,
[data-theme="light"] .tg-preview,
[data-theme="light"] .tg-header,
[data-theme="light"] .tg-body,
[data-theme="light"] .proxy-box,
[data-theme="light"] .nc-logs-console,
[data-theme="light"] .nc-accordion-box,
[data-theme="light"] .nc-textarea-box,
[data-theme="light"] .nd-chat-sidebar,
[data-theme="light"] .nd-chat-header,
[data-theme="light"] .nd-chat-input-area,
[data-theme="light"] [style*="background: #0b1120"],
[data-theme="light"] [style*="background:#0b1120"],
[data-theme="light"] [style*="background: #1e293b"],
[data-theme="light"] [style*="background:#1e293b"],
[data-theme="light"] [style*="background: #0f172a"],
[data-theme="light"] [style*="background:#0f172a"] {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

[data-theme="light"] #nchatLogTextContainer,
[data-theme="light"] #ncLogTextContainer,
[data-theme="light"] #wuConsole,
[data-theme="light"] #chan_parserLogConsole,
[data-theme="light"] #group_parserLogConsole,
[data-theme="light"] #msg_parserLogConsole,
[data-theme="light"] #comm_parserLogConsole,
[data-theme="light"] #ndLogTextContainer {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

/* 9. Полупрозрачные черные фоны */
[data-theme="light"] [style*="background: rgba(0,0,0,0.2)"],
[data-theme="light"] [style*="background: rgba(0, 0, 0, 0.2)"] {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
}

/* 10. Карточки */
/* Фикс для добавленных каналов (теперь они белые, а текст внутри темный) */
[data-theme="light"] .nc-chan-add-card {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}
[data-theme="light"] .nc-chan-add-card span {
    color: var(--text-main) !important;
}

[data-theme="light"] .chan-acc-card,
[data-theme="light"] .comm-acc-card,
[data-theme="light"] .msg-acc-card,
[data-theme="light"] .nchat-acc-card,
[data-theme="light"] .nc-acc-card,
[data-theme="light"] .wu-acc-card,
[data-theme="light"] .group-acc-card,
[data-theme="light"] .nd-acc-card,
[data-theme="light"] .hist-chan-card,
[data-theme="light"] .template-card,
[data-theme="light"] .nc-prompt-card,
[data-theme="light"] .nc-mode-card,
[data-theme="light"] .wu-live-acc,
[data-theme="light"] .ref-stat-card,
[data-theme="light"] .ref-link-box,
[data-theme="light"] .mgr-stat-card,
[data-theme="light"] .sub-item-card,
[data-theme="light"] .admin-ticket,
[data-theme="light"] .adv-check-card,
[data-theme="light"] .adv-format-btn,
[data-theme="light"] .ai-chip {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}

/* Фикс активных карточек режимов (Многопоточный/Однопоточный) */
[data-theme="light"] .nc-mode-card.active {
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: var(--accent-blue) !important;
    box-shadow: 0 0 10px rgba(14, 165, 233, 0.15) !important;
}
[data-theme="light"] .nc-mode-card.active-purple {
    background: rgba(139, 92, 246, 0.1) !important;
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 10px rgba(139, 92, 246, 0.15) !important;
}

[data-theme="light"] .nc-accounts-list-empty i,
[data-theme="light"] .nc-selected-empty i {
    opacity: 1 !important;
    color: #94a3b8 !important;
}

[data-theme="light"] .chan-acc-card:hover,
[data-theme="light"] .comm-acc-card:hover,
[data-theme="light"] .msg-acc-card:hover,
[data-theme="light"] .nchat-acc-card:hover,
[data-theme="light"] .nc-acc-card:hover,
[data-theme="light"] .wu-acc-card:hover,
[data-theme="light"] .group-acc-card:hover,
[data-theme="light"] .nd-acc-card:hover,
[data-theme="light"] .nc-prompt-card:hover,
[data-theme="light"] .nc-mode-card:hover,
[data-theme="light"] .adv-check-card:hover,
[data-theme="light"] .adv-format-btn:hover {
    border-color: var(--accent-blue) !important;
    background: #f1f5f9 !important;
}

[data-theme="light"] .chan-acc-card:hover .chan-move-btn,
[data-theme="light"] .comm-acc-card:hover .comm-move-btn,
[data-theme="light"] .msg-acc-card:hover .msg-move-btn,
[data-theme="light"] .nchat-acc-card:hover .nchat-move-btn,
[data-theme="light"] .nc-acc-card:hover .nc-move-btn,
[data-theme="light"] .wu-acc-card:hover .wu-move-btn,
[data-theme="light"] .group-acc-card:hover .group-move-btn,
[data-theme="light"] .nd-acc-card:hover .nd-move-btn {
    color: var(--accent-blue) !important;
}

[data-theme="light"] .chan-acc-name,
[data-theme="light"] .comm-acc-name,
[data-theme="light"] .msg-acc-name,
[data-theme="light"] .nchat-acc-name,
[data-theme="light"] .nc-acc-name,
[data-theme="light"] .wu-acc-name,
[data-theme="light"] .group-acc-name,
[data-theme="light"] .nd-acc-name,
[data-theme="light"] .hist-chan-name {
    color: var(--text-main) !important;
}

/* 11. Меню, выпадающие списки (Dropdowns) */
[data-theme="light"] .custom-dropdown-menu,
[data-theme="light"] .nc-dropdown-menu,
[data-theme="light"] .hist-cal-popup,
[data-theme="light"] .theme-menu,
[data-theme="light"] .nd-chat-dropdown {
    background: #ffffff !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}
[data-theme="light"] .custom-dropdown-item,
[data-theme="light"] .hist-export-item,
[data-theme="light"] .nd-chat-dropdown-item {
    color: var(--text-main) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="light"] .custom-dropdown-item:hover,
[data-theme="light"] .hist-export-item:hover,
[data-theme="light"] .theme-menu button:hover,
[data-theme="light"] .nd-chat-dropdown-item:hover {
    background: #f1f5f9 !important;
}

/* 12. Панель дашборда (Sidebar) и мобильное меню */
[data-theme="light"] .dashboard-sidebar,
[data-theme="light"] .mobile-nav-panel {
    background: #ffffff !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05) !important;
}
[data-theme="light"] .menu-item {
    color: var(--text-main) !important;
}
[data-theme="light"] .menu-item:hover {
    background: #f1f5f9 !important;
}
[data-theme="light"] .menu-item.active {
    background: rgba(14, 165, 233, 0.1) !important;
}

/* 13. Таблицы */
[data-theme="light"] table th,
[data-theme="light"] .mgr-table th {
    background: #f8fafc !important;
    color: #475569 !important;
    border-bottom: 2px solid #e2e8f0 !important;
}
[data-theme="light"] table td {
    border-bottom-color: #e2e8f0 !important;
    color: #0f172a !important;
    background: #ffffff !important;
}
[data-theme="light"] table tr {
    border-bottom-color: #e2e8f0 !important;
    background: #ffffff !important;
}

/* 14. Вкладки (Tabs), ползунки (Range), тумблеры (Switch) */
[data-theme="light"] .nc-tab,
[data-theme="light"] .adv-tab {
    color: var(--text-gray);
}
[data-theme="light"] .nc-tab:hover,
[data-theme="light"] .adv-tab:hover {
    background: #f1f5f9 !important;
}
[data-theme="light"] .nc-tab.active,
[data-theme="light"] .adv-tab.active {
    background: rgba(14, 165, 233, 0.1) !important;
    color: var(--accent-blue) !important;
}
[data-theme="light"] .top-nav-btn {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}
[data-theme="light"] .top-nav-btn:hover {
    background: #f8fafc !important;
}

[data-theme="light"] .nc-range-input {
    background: #e2e8f0 !important;
}
[data-theme="light"] .nc-slider-toggle {
    background-color: #cbd5e1 !important;
    border-color: #94a3b8 !important;
}
[data-theme="light"] .nc-slider-toggle:before {
    background-color: #ffffff !important;
}
[data-theme="light"] .nc-switch input:checked + .nc-slider-toggle {
    background-color: var(--accent-blue) !important;
    border-color: var(--accent-blue) !important;
}
[data-theme="light"] .nc-switch input:checked + .nc-slider-toggle:before {
    background-color: white !important;
}

/* Тогглы в стиле iOS (кнопки переключения) */
[data-theme="light"] .nc-toggle-group {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}
[data-theme="light"] .nc-toggle-btn {
    color: #64748b !important;
}
[data-theme="light"] .nc-toggle-btn:hover {
    color: #0f172a !important;
}
[data-theme="light"] .nc-toggle-btn.active {
    background: #ffffff !important;
    color: var(--accent-blue) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Языки - белый текст не виден на белом. Делаем темным. */
[data-theme="light"] button.nc-lang-btn.active {
    color: #6d28d9 !important;
    background: rgba(139, 92, 246, 0.15) !important;
    font-weight: 700;
}

/* Длительность сеанса в автопрогреве */
[data-theme="light"] .nc-btn-duration {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}
[data-theme="light"] .nc-btn-duration span.val {
    color: var(--text-main) !important;
}
[data-theme="light"] .nc-btn-duration span.lbl {
    color: var(--text-gray) !important;
}
[data-theme="light"] .nc-btn-duration:hover {
    border-color: var(--accent-blue) !important;
    background: #f8fafc !important;
}
[data-theme="light"] .nc-btn-duration.active-purple {
    background: rgba(139, 92, 246, 0.1) !important;
    border-color: #8b5cf6 !important;
}
[data-theme="light"] .nc-btn-duration.active-purple span.val {
    color: #8b5cf6 !important;
}

/* Тонкая настройка действий в автопрогреве */
[data-theme="light"] .fine-tune-item {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}
[data-theme="light"] .fine-tune-item:hover {
    background: #f0f9ff !important;
    border-color: #0ea5e9 !important;
}
[data-theme="light"] .fine-tune-group-title {
    color: var(--text-main) !important;
}
[data-theme="light"] .fine-tune-group-title i {
    color: var(--accent-blue) !important;
}
[data-theme="light"] .fine-tune-item span {
    color: var(--text-main) !important;
    font-weight: 500;
}

/* Привязка к аккаунту в Промптах */
[data-theme="light"] .nc-acc-radio-group {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
[data-theme="light"] .nc-acc-radio-btn {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: var(--text-gray) !important;
}
[data-theme="light"] .nc-acc-radio-btn:hover {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
}
[data-theme="light"] .nc-acc-radio-btn.active {
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: #0ea5e9 !important;
    color: #0ea5e9 !important;
}

/* Чекбоксы в Парсере сообщений */
[data-theme="light"] .msg-cb-label {
    color: var(--text-main) !important;
    font-weight: 500;
}
[data-theme="light"] .msg-cb-title {
    color: var(--text-main) !important;
}

/* Роли аккаунтов в Менеджере аккаунтов */
[data-theme="light"] .role-btn-custom {
    color: var(--text-main) !important;
    border-color: #cbd5e1 !important;
}
[data-theme="light"] .role-btn-custom:hover {
    background: #f1f5f9 !important;
}
[data-theme="light"] .nc-badge-role,
[data-theme="light"] .chan-badge-role,
[data-theme="light"] .group-badge-role,
[data-theme="light"] .msg-badge-role,
[data-theme="light"] .comm-badge-role,
[data-theme="light"] .nchat-badge-role,
[data-theme="light"] .wu-badge-role,
[data-theme="light"] .nd-badge-role {
    background: rgba(14, 165, 233, 0.15) !important;
    color: #0284c7 !important;
    border-color: rgba(14, 165, 233, 0.3) !important;
}

/* 15. Большие AI кнопки */
[data-theme="light"] .nc-ai-btn {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
}
[data-theme="light"] .nc-ai-btn:hover {
    border-color: var(--accent-blue) !important;
    background: #f8fafc !important;
}
[data-theme="light"] .nc-ai-btn.active {
    background: rgba(14, 165, 233, 0.05) !important;
    border-color: var(--accent-blue) !important;
    box-shadow: 0 4px 15px rgba(14, 165, 233, 0.15) !important;
}

/* 16. Логика для чата ИИ и Нейродиалогов */
[data-theme="light"] .ai-chat-header,
[data-theme="light"] .ai-chat-footer {
    background: #f8fafc !important;
}
[data-theme="light"] .ai-chat-header-info {
    color: var(--text-main) !important;
}
[data-theme="light"] .ai-received .ai-bubble,
[data-theme="light"] .nd-msg-in {
    background: #f1f5f9 !important;
    color: var(--text-main) !important;
    border-color: #cbd5e1 !important;
}
[data-theme="light"] .nd-dialog-item {
    border-bottom-color: #e2e8f0 !important;
}
[data-theme="light"] .nd-dialog-item:hover {
    background: #f1f5f9 !important;
}

/* 17. Разделительные линии */
[data-theme="light"] hr,
[data-theme="light"] .info-row {
    border-color: var(--border-color) !important;
}
[data-theme="light"] .tg-header {
    background: #f8fafc !important;
    color: var(--text-main) !important;
}
[data-theme="light"] .tg-seen {
    color: var(--text-gray) !important;
}
[data-theme="light"] .nc-progress-bar { 
    background: #e2e8f0 !important; 
}

/* 18. Фикс прозрачных блоков */
[data-theme="light"] [style*="rgba(15, 23, 42"],
[data-theme="light"] [style*="rgba(15,23,42"] {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
}
[data-theme="light"] [style*="rgba(0,0,0,0.3)"],
[data-theme="light"] [style*="rgba(0, 0, 0, 0.3)"] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

/* 19. Фикс невидимой кнопки меню в профиле */
[data-theme="light"] .profile-menu .menu-item.active {
    background: rgba(14, 165, 233, 0.1) !important;
    color: var(--accent-blue) !important;
    border-left-color: var(--accent-blue) !important;
}

/* 20. Фикс для всплывающих уведомлений в светлой теме */
[data-theme="light"] .toast {
    background: #ffffff !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}
[data-theme="light"] .toast.success {
    border-left: 4px solid #10b981 !important;
}
[data-theme="light"] .toast.error {
    border-left: 4px solid #ef4444 !important;
}

/* 21. Дополнительное повышение насыщенности цветных шрифтов в светлой теме */
[data-theme="light"] [style*="color: #0ea5e9"],
[data-theme="light"] [style*="color:#0ea5e9"],
[data-theme="light"] [style*="color: #3b82f6"],
[data-theme="light"] [style*="color:#3b82f6"] {
    color: #0284c7 !important; 
}

[data-theme="light"] [style*="color: #8b5cf6"],
[data-theme="light"] [style*="color:#8b5cf6"] {
    color: #6d28d9 !important; 
}

[data-theme="light"] [style*="color: #f59e0b"],
[data-theme="light"] [style*="color:#f59e0b"] {
    color: #d97706 !important; 
}

/* 22. ФИКСЫ UI ПО ЗАПРОСУ */
/* Фикс: URL в мокапе браузера на главной */
[data-theme="light"] .browser-url {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

/* Фикс: Столбики пустого графика в партнерке */
[data-theme="light"] .aff-chart-bar-bg {
    background: #e2e8f0 !important;
}

/* Фикс: Кнопка проверки аккаунтов в импорте TData */
[data-theme="light"] .btn-import-check {
    background: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid #0f172a !important;
}
[data-theme="light"] .btn-import-check:hover {
    background: #1e293b !important;
}

/* Фикс: Лог проверки аккаунтов (черная менюшка) */
[data-theme="light"] .checker-log-box {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #059669 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}


/* ========================================================================== */
/* ======================== АДАПТИВНОСТЬ (RESPONSIVE) ======================= */
/* ========================================================================== */

/* Строгие ограничения ширины для защиты от вылета элементов за экран */
html, body {
    max-width: 100vw;
    overflow-x: clip !important; 
}

.dashboard-content {
    max-width: 100vw;
    overflow-x: clip; 
}

/* Все таблицы обязаны скроллиться внутри своего блока, а не растягивать страницу */
.mgr-table-wrap, .table-responsive, [style*="overflow-x: auto"] {
    max-width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 1024px) {
    /* Перестраиваем дашборд: сайдбар переходит в верхнюю часть */
    .dashboard-layout { flex-direction: column; gap: 15px; }
    
    /* Возвращаем сайдбар на мобилках и делаем его горизонтальным! */
    .dashboard-sidebar {
        display: flex !important;
        width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: 0 !important;
        padding: 15px !important;
        flex-direction: column;
        border-radius: 12px;
        overflow: visible;
    }
    
    /* Меню сайдбара делаем скроллируемым по горизонтали */
    .sidebar-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }
    
    .sidebar-menu::-webkit-scrollbar { height: 4px; }
    .sidebar-menu::-webkit-scrollbar-thumb { background-color: var(--accent-blue); border-radius: 4px; }
    
    .sidebar-menu .menu-item {
        width: auto;
        flex: 0 0 auto;
        justify-content: flex-start;
        padding: 10px 15px;
        font-size: 13px;
        white-space: nowrap;
    }

    /* Прячем заголовки ГЛАВНАЯ и МОДУЛИ в мобильном виде */
    .menu-label { display: none; }

    .submenu-container { 
        width: auto; 
        flex-direction: row; 
        padding-left: 0; 
        margin-top: 0; 
    }
    
    /* Убираем жесткие отступы в модулях парсеров */
    .nc-split-layout { flex-direction: column; gap: 20px; }
    .nc-split-left { border-right: none; border-bottom: 1px solid var(--border-color); padding-right: 0; padding-bottom: 20px; }
    .nc-split-right { width: 100%; }
    
    /* Сетки превращаем в 1 колонку */
    .nc-grid-2, .profile-grid, .action-grid, .tariffs-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    /* Шапка сайта */
    header { padding: 15px 5%; flex-wrap: wrap; gap: 10px; }
    .logo-text h1 { font-size: 16px; }
    .logo-text span { font-size: 9px; }
    
    /* Прячем текст в кнопке авторизации, оставляем иконку */
    .user-auth span { display: none; }
    .user-auth { padding: 8px; border-radius: 50%; justify-content: center; width: 40px; height: 40px; }
    
    /* Главная страница */
    .hero { padding: 40px 15px; }
    .hero h2 { font-size: 26px !important; }
    .hero-btn-group { flex-direction: column; width: 100%; align-items: center; }
    .hero-btn-group button { width: 100%; max-width: 300px; justify-content: center; }

    /* Блоки со статистикой на главной выстраиваем сеткой, чтобы не было "пирамиды" */
    .stats-container { 
        display: grid !important; 
        grid-template-columns: 1fr 1fr !important; 
        gap: 15px !important; 
    }
    .stats-container .stat-box:last-child {
        grid-column: span 2; /* Последний элемент занимает всю ширину для симметрии */
    }

    .mgr-stats-row, .nc-launch-stats { flex-direction: column; gap: 15px; }
    .mgr-stat-card, .nc-l-stat { width: 100%; max-width: 100%; }

    /* Строгие правила для всех модальных окон, чтобы не вылезали за экран мобильного */
    .modal-card, .adv-export-modal, .advanced-modal, #accountSettingsModal .modal-content, #notifModal .modal-card {
        width: 95% !important;
        max-width: 95vw !important;
        min-width: 0 !important;
        padding: 20px 15px !important;
        margin: 10px auto !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important; /* Убираем скролл в пустоту внутри модалки */
    }
    
    /* Починка строк с информацией (чтобы длинные ID и телефоны переносились) */
    .info-row { flex-direction: column; align-items: flex-start !important; gap: 5px; }
    .info-val { text-align: left !important; word-break: break-all; width: 100%; }
    
    .acc-hero-card { flex-direction: column; text-align: center; gap: 15px; padding: 15px; margin: 10px !important; }
    .acc-hero-badges { align-items: center; }
    
    /* Вкладки внутри модалок - делаем горизонтальный скролл */
    .adv-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; -webkit-overflow-scrolling: touch; }
    .adv-format-grid { grid-template-columns: 1fr 1fr; }

    /* Таблицы (уменьшаем отступы и шрифты, контейнер и так со скроллом) */
    th, td { padding: 10px 8px !important; font-size: 12px !important; }

    /* Формы и кнопки */
    .nc-search-box, .nc-select, .nc-btn-blue-outline, .nc-btn-red-outline { width: 100%; margin-bottom: 10px; }
    .nc-filters-row2 { flex-direction: column; align-items: stretch; gap: 10px; }

    /* AI кнопки и тумблеры режимов */
    .nc-ai-buttons, .nc-toggle-group { flex-direction: column; }
    
    /* Тарифы: нижняя липкая панель */
    .sticky-checkout-panel { flex-direction: column; gap: 15px; text-align: center; padding: 15px; }
    .checkout-left ul { align-items: center; padding-right: 0; }
    .checkout-right { width: 100%; }
}

@media (max-width: 480px) {
    /* Скрываем подзаголовок в логотипе на совсем узких экранах */
    .logo-text { display: none; }
    
    /* Заголовки */
    .page-header h2, .tariffs-header-block h2 { font-size: 24px !important; }
    .nc-main-title { font-size: 22px; }
    
    /* Кнопки */
    .btn-primary, .btn-secondary, .login-submit-btn, .hist-run-btn { font-size: 14px; padding: 12px; }
    
    /* Сетка в модалке экспорта */
    .adv-format-grid { grid-template-columns: 1fr; }
    
    /* ИИ чат */
    .ai-chat-window { width: 95vw; right: 2.5vw; bottom: 90px; }
}


/* ========================================================================== */
/* ===================== КАСТОМНЫЕ ГРАДИЕНТЫ (НАСТРОЙКА) ===================== */
/* ========================================================================== */

.global-gradient-bg {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    z-index: -2;
    opacity: 0;
    transition: opacity 0.5s ease, background 0.5s ease;
    pointer-events: none;
}

.global-gradient-bg.active {
    opacity: 1;
}

.global-gradient-bg.animated {
    background-size: 400% 400%;
    animation: gradientMove var(--grad-speed, 10s) ease infinite;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 6 градиентов по ТЗ */
.grad-1 { background: linear-gradient(135deg, #00FF5B, #0014FF); }
.grad-2 { background: linear-gradient(135deg, #00E5FF, #1200FF); }
.grad-3 { background: linear-gradient(135deg, #FFE53B, #FF2525); }
.grad-4 { background: linear-gradient(135deg, #FFE53B, #FF005B); }
.grad-5 { background: linear-gradient(135deg, #FFE53B, #00FFFF); }
.grad-6 { background: linear-gradient(135deg, #FF0A6C, #2D27FF); }

/* Когда градиент активен, делаем стандартный фон сайта прозрачным */
body.gradient-active {
    background-color: transparent !important;
}

/* Повышение контрастности при градиентах */
/* Все тексты на главной и в панели, которые могут сливаться, делаем белыми и добавляем легкую тень */
body.gradient-active h1, 
body.gradient-active h2, 
body.gradient-active h3, 
body.gradient-active .nc-main-title,
body.gradient-active .nc-section-title,
body.gradient-active .stat-value {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* Делаем серый текст более читаемым (светлым) на градиентах */
body.gradient-active .nc-main-desc,
body.gradient-active .stat-label,
body.gradient-active p {
    color: rgba(255,255,255,0.9) !important;
}

/* Иконки в статистике на градиентах делаем белыми */
body.gradient-active .stat-icon-wrapper i,
body.gradient-active .nc-l-icon i {
    color: #ffffff !important;
}

/* Окрашивание кнопок */
body.gradient-active .btn-primary,
body.gradient-active .login-submit-btn,
body.gradient-active .btn-add-beautiful,
body.gradient-active .checkout-buy-btn.get-btn,
body.gradient-active .hist-run-btn {
    border: none !important;
    color: #ffffff !important;
}

body.grad-1-theme .btn-primary, body.grad-1-theme .login-submit-btn, body.grad-1-theme .btn-add-beautiful, body.grad-1-theme .checkout-buy-btn.get-btn, body.grad-1-theme .hist-run-btn { background: linear-gradient(135deg, #00FF5B, #0014FF) !important; }
body.grad-2-theme .btn-primary, body.grad-2-theme .login-submit-btn, body.grad-2-theme .btn-add-beautiful, body.grad-2-theme .checkout-buy-btn.get-btn, body.grad-2-theme .hist-run-btn { background: linear-gradient(135deg, #00E5FF, #1200FF) !important; }
body.grad-3-theme .btn-primary, body.grad-3-theme .login-submit-btn, body.grad-3-theme .btn-add-beautiful, body.grad-3-theme .checkout-buy-btn.get-btn, body.grad-3-theme .hist-run-btn { background: linear-gradient(135deg, #FFE53B, #FF2525) !important; }
body.grad-4-theme .btn-primary, body.grad-4-theme .login-submit-btn, body.grad-4-theme .btn-add-beautiful, body.grad-4-theme .checkout-buy-btn.get-btn, body.grad-4-theme .hist-run-btn { background: linear-gradient(135deg, #FFE53B, #FF005B) !important; }
body.grad-5-theme .btn-primary, body.grad-5-theme .login-submit-btn, body.grad-5-theme .btn-add-beautiful, body.grad-5-theme .checkout-buy-btn.get-btn, body.grad-5-theme .hist-run-btn { background: linear-gradient(135deg, #FFE53B, #00FFFF) !important; color: black !important; }
body.grad-6-theme .btn-primary, body.grad-6-theme .login-submit-btn, body.grad-6-theme .btn-add-beautiful, body.grad-6-theme .checkout-buy-btn.get-btn, body.grad-6-theme .hist-run-btn { background: linear-gradient(135deg, #FF0A6C, #2D27FF) !important; }

/* Стили для карточек выбора в профиле */
.grad-preview-card {
    border-radius: 12px;
    height: 80px;
    cursor: pointer;
    transition: 0.3s;
    border: 3px solid transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.grad-preview-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}
.grad-preview-card.selected {
    border-color: white;
    box-shadow: 0 0 15px rgba(255,255,255,0.4);
}
.grad-preview-card.selected::after {
    content: '\f00c';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: white;
    font-size: 24px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
.grad-none-card {
    background: #1e293b;
    color: var(--text-gray);
    font-size: 14px;
    font-weight: bold;
    border: 2px dashed var(--border-color);
}
.grad-none-card:hover { border-color: var(--accent-blue); color: white; }