/* ===== КНОПКА ПЕРЕКЛЮЧЕНИЯ ТЕМЫ ===== */
.btn-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: none;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    cursor: pointer;
    color: #555;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    flex-shrink: 0;
}
.btn-theme-toggle:hover {
    background: #f0f0f0;
    border-color: #aaa;
}
/* Светлая тема: показываем луну (предлагаем переключить в тёмную) */
[data-theme="light"] .btn-theme-toggle .icon-sun  { display: none; }
[data-theme="light"] .btn-theme-toggle .icon-moon { display: block; }
/* Тёмная тема: показываем солнце (предлагаем переключить в светлую) */
[data-theme="dark"]  .btn-theme-toggle .icon-moon { display: none; }
[data-theme="dark"]  .btn-theme-toggle .icon-sun  { display: block; }

/* ===== ТЁМНАЯ ТЕМА ===== */
[data-theme="dark"] {
    color-scheme: dark;
}

/* Фон и основные цвета */
[data-theme="dark"] body,
[data-theme="dark"] {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Хедер */
[data-theme="dark"] .header {
    background-color: #212121;
    border-bottom-color: #333;
}

/* Кнопки выбора модели/ассистента */
[data-theme="dark"] .btn-model-select,
[data-theme="dark"] .btn-model-select-mobile,
[data-theme="dark"] .btn-assistant-select,
[data-theme="dark"] .btn-vector-select,
[data-theme="dark"] .btn-multimedia-model-select {
    background-color: #2a2a2a;
    border-color: #444;
    color: #e0e0e0;
}
[data-theme="dark"] .btn-model-select:hover,
[data-theme="dark"] .btn-assistant-select:hover,
[data-theme="dark"] .btn-vector-select:hover {
    background-color: #333;
}

/* Кнопка темы в тёмном режиме */
[data-theme="dark"] .btn-theme-toggle {
    border-color: #444;
    color: #ccc;
}
[data-theme="dark"] .btn-theme-toggle:hover {
    background: #333;
    border-color: #666;
}

/* Ссылки-пилюли */
[data-theme="dark"] .header-pill-link {
    background-color: #2a2a2a;
    border-color: #444;
    color: #ccc;
}
[data-theme="dark"] .header-pill-link:hover {
    background-color: #333;
}

/* Баланс */
[data-theme="dark"] .balance,
[data-theme="dark"] .balance-mobile {
    color: #ccc;
}

/* Логотип — если используется цветной, можно добавить фильтр */
[data-theme="dark"] .logo img {
    filter: brightness(0.9);
}

/* Основной контент */
[data-theme="dark"] .chat-area,
[data-theme="dark"] .main-content,
[data-theme="dark"] .content-area {
    background-color: #1a1a1a;
}

/* Сайдбар */
[data-theme="dark"] .sidebar,
[data-theme="dark"] aside {
    background-color: #212121;
    border-right-color: #333;
}
[data-theme="dark"] .sidebar-item,
[data-theme="dark"] .chat-item {
    color: #ccc;
}
[data-theme="dark"] .sidebar-item:hover,
[data-theme="dark"] .chat-item:hover {
    background-color: #2a2a2a;
}

/* Инпуты и формы */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: #2a2a2a;
    border-color: #444;
    color: #e0e0e0;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #666;
}

/* Чат — поле ввода */
[data-theme="dark"] .chat-input-wrapper,
[data-theme="dark"] .input-area,
[data-theme="dark"] .message-input-container {
    background-color: #212121;
    border-color: #333;
}

/* Сообщения */
[data-theme="dark"] .message-user {
    background-color: #2d3748;
    color: #e0e0e0;
}
[data-theme="dark"] .message-assistant,
[data-theme="dark"] .message-ai {
    background-color: #252525;
    color: #e0e0e0;
}

/* Карточки и модалки */
[data-theme="dark"] .card,
[data-theme="dark"] .modal-content {
    background-color: #252525;
    border-color: #333;
    color: #e0e0e0;
}
[data-theme="dark"] .modal-overlay {
    background-color: rgba(0,0,0,0.7);
}
[data-theme="dark"] .modal-header {
    border-bottom-color: #333;
}

/* Разделители */
[data-theme="dark"] hr,
[data-theme="dark"] .divider {
    border-color: #333;
}

/* Скроллбар */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #1a1a1a;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 3px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Счётчик токенов */
[data-theme="dark"] .token-counter,
[data-theme="dark"] .tokens-info {
    color: #888;
}

/* Кнопки действий */
[data-theme="dark"] .btn-primary {
    background-color: #2563eb;
}
[data-theme="dark"] .btn-send,
[data-theme="dark"] .btn-submit {
    background-color: #2563eb;
    color: #fff;
}

/* Пиктограмма загрузки файла */
[data-theme="dark"] .upload-area,
[data-theme="dark"] .drop-zone {
    border-color: #444;
    color: #888;
}

/* Таблицы code/pre */
[data-theme="dark"] pre,
[data-theme="dark"] code {
    background-color: #2a2a2a;
    border-color: #444;
}

/* Multimedia страница */
[data-theme="dark"] .multimedia-container,
[data-theme="dark"] .generation-area {
    background-color: #1a1a1a;
}
[data-theme="dark"] .result-area,
[data-theme="dark"] .preview-area {
    background-color: #252525;
    border-color: #333;
}

/* Гамбургер */
[data-theme="dark"] .hamburger span {
    background-color: #ccc;
}

/* Profile link */
[data-theme="dark"] .profile-link {
    color: #ccc;
}
[data-theme="dark"] .profile-link:hover {
    color: #fff;
}

/* Кнопки вход/регистрация */
[data-theme="dark"] .btn-login {
    border-color: #444;
    color: #ccc;
    background: #2a2a2a;
}
[data-theme="dark"] .btn-register {
    background-color: #2563eb;
}

/* ===== CHAT-SPECIFIC DARK STYLES ===== */

/* Сайдбар */
[data-theme="dark"] .sidebar {
    background-color: #1c1c1c;
    border-right-color: #333;
}
[data-theme="dark"] .sidebar-header {
    border-bottom-color: #333;
}
[data-theme="dark"] .newChatBtn_Fiat_lux {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border-color: #444;
}
[data-theme="dark"] .newChatBtn_Fiat_lux:hover {
    background-color: #333;
}
[data-theme="dark"] .deleteAllChatsBtn_Fiat_lux {
    background-color: #2a2a2a;
    border-color: #444;
}
[data-theme="dark"] .deleteAllChatsBtn_Fiat_lux:hover {
    background-color: #3d1f1f;
}

/* Сообщение пользователя */
[data-theme="dark"] .us_text_Fiat_lux .message_text_Fiat_lux {
    background-color: #2d3748;
    color: #e0e0e0;
    border-color: #4a5568;
}

/* Сообщение ассистента */
[data-theme="dark"] .ai_message_Fiat_lux .message_text_Fiat_lux {
    background-color: #252525;
    color: #e0e0e0;
}

/* Поле ввода */
[data-theme="dark"] .inputBox_Fiat_lux {
    background-color: #252525;
    border-color: #444;
}
[data-theme="dark"] .inputBox_Fiat_lux:focus-within {
    border-color: #666;
}
[data-theme="dark"] .message-input {
    background-color: #252525;
    color: #e0e0e0;
}
[data-theme="dark"] .message-input::placeholder {
    color: #666;
}

/* Кнопки отправки и прикрепления */
[data-theme="dark"] .attach-btn,
[data-theme="dark"] .sendBtn_Fiat_lux {
    background-color: #2a2a2a;
    border-color: #444;
    color: #ccc;
}
[data-theme="dark"] .attach-btn:hover,
[data-theme="dark"] .sendBtn_Fiat_lux:hover {
    background-color: #333;
    color: #fff;
}

/* Заблокированное состояние */
[data-theme="dark"] .inputBox_Fiat_lux.disabled .message-input,
[data-theme="dark"] .inputBox_Fiat_lux.disabled .attach-btn,
[data-theme="dark"] .inputBox_Fiat_lux.disabled .sendBtn_Fiat_lux {
    background-color: #222;
}

/* ===== MODALS ===== */
[data-theme="dark"] .modal-content {
    background-color: #252525;
    color: #e0e0e0;
}
[data-theme="dark"] .modal-header {
    border-bottom-color: #333;
}
[data-theme="dark"] .modal-header h3 {
    color: #e0e0e0;
}
[data-theme="dark"] .modal-close {
    color: #888;
}
[data-theme="dark"] .modal-close:hover {
    background-color: #333;
    color: #e0e0e0;
}
[data-theme="dark"] .modal-body::-webkit-scrollbar-track {
    background: #1a1a1a;
}
[data-theme="dark"] .modal-body::-webkit-scrollbar-thumb {
    background: #444;
}
[data-theme="dark"] .modal-footer {
    background-color: #1e1e1e;
    border-top-color: #333;
}
[data-theme="dark"] .modal-footer h4 {
    color: #aaa;
}

/* model-item внутри модалок */
[data-theme="dark"] .model-item {
    border-color: #333;
    color: #e0e0e0;
}
[data-theme="dark"] .model-item:hover {
    background-color: #2a2a2a;
    border-color: #444;
}
[data-theme="dark"] .model-item.active {
    background-color: #1a2a3a;
    border-color: #3b82f6;
}

/* assistant-modal-btn */
[data-theme="dark"] .assistant-modal-btn {
    border-color: #333;
    color: #e0e0e0;
}
[data-theme="dark"] .assistant-modal-btn:hover {
    background-color: #2a2a2a;
}
[data-theme="dark"] .assistant-modal-btn.active {
    background-color: #1a2a3a;
    border-color: #3b82f6;
}

/* ===== FAQ ===== */
[data-theme="dark"] .faq-section {
    background-color: transparent;
}
[data-theme="dark"] .faqCard_Fiat_lux {
    background-color: #252525;
    border-color: #333;
}
[data-theme="dark"] .faqQ_Fiat_lux {
    background-color: #252525;
    color: #e0e0e0;
}
[data-theme="dark"] .faqQ_Fiat_lux:hover {
    background-color: #2a2a2a;
}
[data-theme="dark"] .faq-icon {
    color: #aaa;
}
[data-theme="dark"] .faq-title {
    color: #e0e0e0;
}
[data-theme="dark"] .faqA_Fiat_lux {
    color: #bbb;
    background-color: #252525;
}

/* ===== MULTIMEDIA PAGE ===== */
[data-theme="dark"] .multimedia-preview,
[data-theme="dark"] .multimedia-container,
[data-theme="dark"] .generation-result,
[data-theme="dark"] .multimedia-input-box {
    background-color: #252525;
    border-color: #333;
    color: #e0e0e0;
}
/* Белый превью-блок (пунктирная граница) */
[data-theme="dark"] .preview-placeholder,
[data-theme="dark"] [class*="preview"],
[data-theme="dark"] [class*="result-area"] {
    background-color: #1e1e1e;
    border-color: #333;
    color: #666;
}

/* ===== MULTIMEDIA PAGE (inline styles override) ===== */
[data-theme="dark"] .multimedia-generator-container {
    background-color: #1e1e1e;
    border-color: #333;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .multimedia-main {
    background: #1a1a1a;
}
[data-theme="dark"] .multimedia-output-placeholder {
    background: #1e1e1e;
    border-color: #444;
    color: #555;
}