/* ===== ФИНАЛЬНЫЙ БЛОК ЛОГОТИПА ===== */
@font-face {
    font-family: 'Old Standard TT';
    src: url('/static/fonts/OldStandardTT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a[href="/"] {
    text-decoration: none !important;
}

a[href="/"] span.logo {
    font-family: 'Old Standard TT', serif;
    font-size: 2rem;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 700;
    text-decoration: none !important;
}
/* === ⚙️ ВЫДАЧЕВЕДЪ — Славянский кибер-стимпанк === */

:root {
    --vd-copper-50: #FDF8F3;
    --vd-copper-100: #F5E6D8;
    --vd-copper-200: #E8CCAD;
    --vd-copper-300: #D4A775;
    --vd-copper-400: #C6893F;
    --vd-copper-500: #B87333;
    --vd-copper-600: #A0622A;
    --vd-copper-700: #8B5222;
    --vd-copper-800: #73441B;
    --vd-copper-900: #5C3615;
    --vd-brass-400: #E5D5B5;
    --vd-brass-500: #D4AF37;
    --vd-patina-400: #A69478;
    --vd-patina-500: #8C7A5E;
    --vd-patina-600: #6E5F48;
    --vd-canvas: #1C1C1C;
    --vd-card: #262626;
    --vd-surface: #2E2A24;
}

/* ===== БАЗА ===== */
body {
    background-color: var(--vd-canvas) !important;
    color: var(--vd-brass-400) !important;
    font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

/* ===== ФОНЫ ===== */
.bg-white { background-color: var(--vd-card) !important; }
.bg-gray-50 { background-color: var(--vd-canvas) !important; }
.bg-gray-100 { background-color: var(--vd-surface) !important; }
.bg-gray-200 { background-color: var(--vd-surface) !important; }

/* ===== ТЕКСТ ===== */
.text-gray-300 { color: var(--vd-patina-500) !important; }
.text-gray-400 { color: var(--vd-patina-500) !important; }
.text-gray-500 { color: var(--vd-patina-500) !important; }
.text-gray-600 { color: var(--vd-patina-400) !important; }
.text-gray-700 { color: var(--vd-brass-400) !important; }
.text-gray-800 { color: var(--vd-brass-400) !important; }
.text-gray-900 { color: var(--vd-brass-400) !important; }
.text-black { color: var(--vd-brass-400) !important; }
.text-blue-600 { color: var(--vd-brass-500) !important; }
.text-blue-700 { color: var(--vd-copper-400) !important; }
.text-blue-800 { color: var(--vd-copper-500) !important; }
.text-purple-600 { color: var(--vd-brass-500) !important; }
.text-purple-700 { color: var(--vd-copper-400) !important; }
.text-green-600 { color: #34d399 !important; }
.text-green-700 { color: #10b981 !important; }
.text-green-800 { color: #34d399 !important; }
.text-red-600 { color: #f87171 !important; }

/* ===== ГРАНИЦЫ ===== */
.border-gray-50 { border-color: rgba(184,115,51,0.10) !important; }
.border-gray-100 { border-color: rgba(184,115,51,0.15) !important; }
.border-gray-200 { border-color: rgba(184,115,51,0.20) !important; }
.border-gray-300 { border-color: rgba(184,115,51,0.25) !important; }
.border-b { border-bottom-color: rgba(184,115,51,0.20) !important; }
.border-t { border-top-color: rgba(184,115,51,0.20) !important; }
.border-r { border-right-color: rgba(184,115,51,0.15) !important; }
.border-purple-200 { border-color: rgba(184,115,51,0.30) !important; }
.border-red-200 { border-color: rgba(239,68,68,0.30) !important; }
.border-dashed.border-gray-300 { border-color: rgba(184,115,51,0.25) !important; border-style: dashed !important; }

.divide-gray-50 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(184,115,51,0.15) !important; }
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(184,115,51,0.10) !important; }
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(184,115,51,0.15) !important; }

/* ===== ШАПКА (синий → медь) ===== */
.from-blue-600 { --tw-gradient-from: var(--vd-copper-600) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(160,98,42,0)) !important; }
.to-indigo-700 { --tw-gradient-to: var(--vd-copper-900) !important; }

/* ===== ГРАДИЕНТЫ ===== */
.from-blue-500 { --tw-gradient-from: var(--vd-copper-500) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent) !important; }
.from-purple-500 { --tw-gradient-from: var(--vd-copper-500) !important; }
.from-purple-600 { --tw-gradient-from: var(--vd-copper-500) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent) !important; }
.to-purple-600 { --tw-gradient-to: var(--vd-copper-600) !important; }
.to-pink-600 { --tw-gradient-to: var(--vd-copper-700) !important; }
.to-blue-700 { --tw-gradient-to: var(--vd-copper-700) !important; }
.from-green-500 { --tw-gradient-from: #10b981 !important; }
.to-emerald-600 { --tw-gradient-to: #059669 !important; }

/* ===== КНОПКИ ===== */
.bg-blue-600 { background-color: var(--vd-copper-500) !important; }
.bg-indigo-600 { background-color: var(--vd-copper-500) !important; }
.bg-purple-600 { background-color: var(--vd-copper-500) !important; }
.bg-gray-600 { background-color: var(--vd-patina-600) !important; }
.bg-gray-800 { background-color: var(--vd-copper-700) !important; }

.hover\:bg-blue-700:hover { background-color: var(--vd-copper-600) !important; }
.hover\:bg-indigo-700:hover { background-color: var(--vd-copper-600) !important; }
.hover\:bg-purple-700:hover { background-color: var(--vd-copper-600) !important; }
.hover\:bg-gray-50:hover { background-color: rgba(184,115,51,0.08) !important; }
.hover\:bg-gray-100:hover { background-color: rgba(184,115,51,0.12) !important; }
.hover\:bg-gray-200:hover { background-color: rgba(184,115,51,0.18) !important; }
.hover\:bg-gray-700:hover { background-color: var(--vd-patina-500) !important; }
.hover\:bg-gray-900:hover { background-color: var(--vd-copper-800) !important; }
.hover\:bg-red-100:hover { background-color: rgba(239,68,68,0.20) !important; }
.hover\:text-blue-600:hover { color: var(--vd-brass-400) !important; }
.hover\:text-blue-800:hover { color: var(--vd-brass-500) !important; }
.hover\:text-green-600:hover { color: #34d399 !important; }
.hover\:text-purple-800:hover { color: var(--vd-brass-400) !important; }
.hover\:from-purple-700:hover { --tw-gradient-from: var(--vd-copper-600) !important; }
.hover\:to-pink-700:hover { --tw-gradient-to: var(--vd-copper-800) !important; }

/* ===== ТЕНИ ===== */
.shadow-sm { box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; }
.shadow-lg { box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important; }
.shadow-xl { box-shadow: 0 8px 25px rgba(0,0,0,0.6) !important; }
.shadow-2xl { box-shadow: 0 15px 40px rgba(0,0,0,0.7) !important; }
.hover\:shadow-xl:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.5), 0 0 20px rgba(184,115,51,0.10) !important; }

/* ===== ПОЛЯ ВВОДА ===== */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], input[type="url"],
input[type="date"], textarea, select {
    background-color: var(--vd-canvas) !important;
    color: var(--vd-brass-400) !important;
    border-color: rgba(184,115,51,0.25) !important;
}
input[type="date"] { color-scheme: dark !important; }
input::placeholder, textarea::placeholder { color: var(--vd-patina-600) !important; }
input:focus, textarea:focus, select:focus {
    border-color: var(--vd-copper-500) !important;
    box-shadow: 0 0 0 3px rgba(184,115,51,0.20) !important;
    outline: none !important;
}
.focus\:ring-blue-500:focus { --tw-ring-color: var(--vd-copper-500) !important; }
.focus\:ring-purple-500:focus { --tw-ring-color: var(--vd-copper-500) !important; }
.focus\:border-purple-500:focus { border-color: var(--vd-copper-500) !important; }

/* ===== ЧЕКБОКСЫ И РАДИО ===== */
input[type="checkbox"] {
    accent-color: var(--vd-copper-500) !important;
    background-color: var(--vd-canvas) !important;
    border: 2px solid rgba(184,115,51,0.40) !important;
    border-radius: 4px !important;
    width: 16px !important; height: 16px !important;
    cursor: pointer !important;
    color-scheme: dark !important;
}
input[type="checkbox"]:checked {
    accent-color: var(--vd-copper-500) !important;
    background-color: var(--vd-copper-500) !important;
    border-color: var(--vd-copper-500) !important;
}
input[type="radio"] { accent-color: var(--vd-copper-500) !important; }

/* ===== КРАСНЫЕ ЭЛЕМЕНТЫ ===== */
.bg-red-50 { background-color: rgba(239,68,68,0.10) !important; }
.bg-red-100 { background-color: rgba(239,68,68,0.15) !important; }

/* ===== ЗЕЛЁНЫЕ ЭЛЕМЕНТЫ ===== */
.bg-green-100 { background-color: rgba(16,185,129,0.15) !important; }

/* ===== ФИОЛЕТОВЫЕ/СИНИЕ ФОНЫ → МЕДНЫЕ ===== */
.bg-blue-50 { background-color: rgba(184,115,51,0.10) !important; }
.bg-blue-100 { background-color: rgba(184,115,51,0.15) !important; }
.bg-purple-100 { background-color: rgba(184,115,51,0.15) !important; }
.bg-purple-200 { background-color: rgba(184,115,51,0.25) !important; }
.bg-indigo-50 { background-color: rgba(184,115,51,0.08) !important; }

/* ===== ВЕРХНЯЯ НАВИГАЦИЯ ===== */
.top-nav {
    background: var(--vd-surface);
    border-bottom: 1px solid rgba(184, 115, 51, 0.2);
    position: sticky;
    top: 64px;
    z-index: 40;
}

.top-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--vd-patina-500);
    transition: all 0.2s;
    white-space: nowrap;
}

.top-nav-link:hover {
    background: rgba(184, 115, 51, 0.1);
    color: var(--vd-brass-500);
}

.top-nav-link.active {
    background: rgba(184, 115, 51, 0.15);
    color: var(--vd-brass-500);
}

/* ===== САЙДБАР ПРОЕКТА (поверх контента) ===== */
.project-sidebar {
    position: fixed;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 240px;
    background: var(--vd-card);
    border: 1px solid rgba(184, 115, 51, 0.15);
    border-radius: 12px;
    transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-x: hidden;
    z-index: 100;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Свёрнутый вид */
.project-sidebar:not(:hover) {
    width: 50px;
}

.project-sidebar-nav {
    padding: 12px 8px;
}

.project-sidebar-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    margin: 2px 0;
    border-radius: 8px;
    font-size: 13px;
    color: var(--vd-patina-500);
    transition: all 0.2s;
    white-space: nowrap;
}

.project-sidebar-link svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: #B87333;
}

/* Скрываем текст в свёрнутом виде */
.project-sidebar:not(:hover) .project-sidebar-link span {
    display: none;
}

/* Центрируем иконки в свёрнутом виде */
.project-sidebar:not(:hover) .project-sidebar-link {
    justify-content: center;
    padding: 10px 0;
}

.project-sidebar-link:hover {
    background: rgba(184, 115, 51, 0.1);
    color: var(--vd-brass-500);
}

.project-sidebar-link.active {
    background: rgba(184, 115, 51, 0.15);
    color: var(--vd-brass-500);
}

.project-sidebar-link.active svg {
    color: var(--vd-brass-500);
}

.sidebar-divider {
    height: 1px;
    background: rgba(184, 115, 51, 0.15);
    margin: 8px 0;
}

/* ===== ВЫПАДАЮЩИЕ МЕНЮ ===== */
#profileMenu,
#projectsDropdownMenu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    margin-top: 8px !important;
    z-index: 1000 !important;
    background: var(--vd-card);
    border: 1px solid rgba(184, 115, 51, 0.2);
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
    min-width: 200px;
}

#projectsDropdownMenu {
    left: 0 !important;
    right: auto !important;
}

#profileMenu a,
#projectsDropdownMenu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    color: var(--vd-brass-400);
    font-size: 13px;
    transition: all 0.2s;
}

#profileMenu a:hover,
#projectsDropdownMenu a:hover {
    background: rgba(184, 115, 51, 0.1);
}

/* ===== ТАБ ПРОФИЛЯ ===== */
.tab-btn { border-bottom-color: transparent !important; color: var(--vd-patina-400) !important; }
.tab-btn.border-blue-500, .tab-btn[class*="border-blue"] { border-bottom-color: var(--vd-copper-500) !important; color: var(--vd-brass-500) !important; }
.tab-btn:hover { color: var(--vd-brass-400) !important; }

/* ===== АВАТАРКА ===== */
.w-16.h-16.bg-gradient-to-br.from-blue-500.to-indigo-600 {
    background-image: linear-gradient(to bottom right, var(--vd-copper-500), var(--vd-copper-700)) !important;
    color: #FFF !important;
}

/* ===== КОЛЛЕКТ-КНОПКА В ТАБЛИЦЕ ===== */
.collect-group-btn { background-color: rgba(184,115,51,0.20) !important; color: var(--vd-brass-500) !important; }
.collect-group-btn:hover { background-color: rgba(184,115,51,0.35) !important; }

/* ===== КНОПКА "РАЗВЕРНУТЬ ЕЩЁ" ===== */
.expand-competitors-btn {
    background: rgba(184,115,51,0.15) !important; color: var(--vd-brass-500) !important;
    border: 1px solid rgba(184,115,51,0.25) !important; border-radius: 8px !important;
    padding: 4px 12px !important; font-size: 12px !important; font-weight: 500 !important;
    cursor: pointer !important; transition: all 0.2s !important;
}
.expand-competitors-btn:hover { background: rgba(184,115,51,0.25) !important; border-color: rgba(184,115,51,0.40) !important; color: var(--vd-brass-400) !important; }

/* ===== СТОП-ЛИСТ / КОНКУРЕНТЫ (единый стиль) ===== */
.flex.justify-between.items-center.p-2.bg-gray-50.rounded.text-sm {
    background-color: var(--vd-surface) !important; color: var(--vd-brass-400) !important;
    border: 1px solid rgba(184,115,51,0.15) !important; border-radius: 8px !important;
}
.flex.justify-between.items-center.p-2.bg-gray-50.rounded.text-sm .font-mono { color: var(--vd-brass-400) !important; }

/* ===== МОДАЛКИ (общий сброс) ===== */
.bg-black\/50, .bg-black.bg-opacity-50 { background-color: rgba(0,0,0,0.70) !important; }
#deleteModal .bg-white, #schedule-modal .bg-white, #collect-device-modal .bg-white,
#phraseModal .bg-white, #createPresetModal .bg-white, #editPresetModal .bg-white,
#applyingIndicator .bg-white {
    background-color: var(--vd-card) !important;
    border: 1px solid rgba(184,115,51,0.30) !important;
}
#deleteModal .text-gray-900, #schedule-modal .text-gray-800, #collect-device-modal .text-gray-800,
#phraseModal .text-gray-800, #createPresetModal .text-gray-800, #editPresetModal .text-gray-800,
#applyingIndicator .text-gray-800 { color: var(--vd-brass-400) !important; }
#phraseModal .text-gray-700, #createPresetModal .text-gray-700, #editPresetModal .text-gray-700,
#schedule-modal .text-gray-600, #collect-device-modal .text-gray-600, #deleteModal .text-gray-600 { color: var(--vd-patina-400) !important; }
#phraseModal .bg-gray-50, #schedule-modal .bg-gray-50 { background-color: var(--vd-surface) !important; }
#phraseModal .border-gray-200 { border-color: rgba(184,115,51,0.15) !important; }
#phraseModal .border-gray-300, #deleteModal .border-gray-300, #schedule-modal .border-gray-300 { border-color: rgba(184,115,51,0.25) !important; }
#phraseModal .hover\:bg-gray-50:hover, #deleteModal .hover\:bg-gray-50:hover, #schedule-modal .hover\:bg-gray-100:hover { background-color: rgba(184,115,51,0.10) !important; }
#collect-device-modal .bg-blue-50 { background-color: rgba(184,115,51,0.12) !important; }
#collect-device-modal .hover\:bg-blue-100:hover { background-color: rgba(184,115,51,0.20) !important; }
#collect-device-modal .border-blue-200 { border-color: rgba(184,115,51,0.25) !important; }
#collect-device-modal .bg-green-50 { background-color: rgba(16,185,129,0.10) !important; }
#collect-device-modal .hover\:bg-green-100:hover { background-color: rgba(16,185,129,0.18) !important; }
#collect-device-modal .border-green-200 { border-color: rgba(16,185,129,0.25) !important; }

/* ===== ПОИСК И ДРОПДАУНЫ ===== */
#globalResults, #mobileResults, #tasks-dropdown { background-color: var(--vd-card) !important; border-color: rgba(184,115,51,0.30) !important; }
#tasks-dropdown h3 { color: var(--vd-brass-400) !important; }
#tasks-dropdown-content .text-gray-400 { color: var(--vd-patina-500) !important; }

/* ===== КАЛЕНДАРЬ ===== */
#calendar-container .bg-white { background-color: var(--vd-card) !important; }
#calendar-month-year { color: var(--vd-brass-400) !important; }
#calendar-days > div { color: var(--vd-brass-400) !important; }

/* ===== ТАБЛИЦЫ (общее) ===== */
thead.bg-gray-50 { background-color: var(--vd-surface) !important; }
thead .text-gray-500 { color: var(--vd-patina-500) !important; }
tbody.bg-white { background-color: var(--vd-card) !important; }
tbody .text-gray-400 { color: var(--vd-patina-500) !important; }
tr.hover\:bg-gray-50:hover { background-color: rgba(184,115,51,0.06) !important; }
td.sticky.left-0.bg-white { background-color: var(--vd-card) !important; }
td.sticky.left-0[style*="border-right"] { border-right-color: rgba(184,115,51,0.20) !important; }
td .text-gray-400 { color: var(--vd-patina-500) !important; }
.group-name { color: var(--vd-patina-400) !important; }
.group-name:hover { color: var(--vd-brass-500) !important; }
sup.text-green-600 { color: #34d399 !important; }
sup.text-red-600 { color: #f87171 !important; }

/* Таблица ключевых слов — фиксированные пропорции */
.keywords-table {
    width: 100%;
}

.keywords-table th:nth-child(1),
.keywords-table td:nth-child(1) { width: 32px; }
.keywords-table th:nth-child(2),
.keywords-table td:nth-child(2) { width: 32px; }
.keywords-table th:nth-child(5),
.keywords-table td:nth-child(5) { width: 68px; }
.keywords-table th:nth-child(6),
.keywords-table td:nth-child(6) { width: 42px; }
.keywords-table th:nth-child(10),
.keywords-table td:nth-child(10) { width: 50px; }

.keywords-table td:nth-child(7){ min-width: 200px; max-width: 200 px;}
.keywords-table td:nth-child(8) { min-width: 200px; max-width: 200 px;}
.keywords-table td:nth-child(9) {
    white-space: normal;
    word-break: break-all;
    min-width: 200px;
    max-width: 200 px;;
}

.keywords-table td:nth-child(3),
.keywords-table td:nth-child(4) {
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
}

.keywords-table td:nth-child(11) {
    white-space: nowrap;
    text-align: center;
}

/* ===== ФИЛЬТР СЛОВ: СТАТИСТИКА ===== */
.bg-blue-50.border-l-4.border-blue-500 { background-color: rgba(59,130,246,0.12) !important; border-left-color: #60a5fa !important; }
.bg-blue-50 .text-blue-600 { color: #93c5fd !important; }
.bg-blue-50 .text-blue-700 { color: #60a5fa !important; }
.bg-red-50.border-l-4.border-red-500 { background-color: rgba(239,68,68,0.12) !important; border-left-color: #f87171 !important; }
.bg-red-50 .text-red-600 { color: #fca5a5 !important; }
.bg-red-50 .text-red-700 { color: #f87171 !important; }
.bg-purple-50.border-l-4.border-purple-500 { background-color: rgba(184,115,51,0.12) !important; border-left-color: var(--vd-copper-500) !important; }
.bg-purple-50 .text-purple-600 { color: var(--vd-brass-500) !important; }
.bg-purple-50 .text-purple-700 { color: var(--vd-copper-400) !important; }
.bg-green-50.border-l-4.border-green-500 { background-color: rgba(16,185,129,0.12) !important; border-left-color: #34d399 !important; }
.bg-green-50 .text-green-600 { color: #6ee7b7 !important; }
.bg-green-50 .text-green-700 { color: #34d399 !important; }

/* ===== ФИЛЬТР СЛОВ: ПАНЕЛИ ===== */
.bg-purple-100 .text-purple-800 { color: var(--vd-brass-500) !important; }
.bg-purple-200 .text-purple-800 { color: var(--vd-brass-500) !important; }
button[data-action="export-stopwords-to-preset"] { background-color: rgba(184,115,51,0.15) !important; color: var(--vd-brass-500) !important; }
button[data-action="export-stopwords-to-preset"]:hover { background-color: rgba(184,115,51,0.25) !important; }
.phrase-item { border-bottom-color: rgba(184,115,51,0.10) !important; }
.phrase-item:hover { background-color: rgba(184,115,51,0.06) !important; }
.phrase-item .text-gray-700 { color: var(--vd-brass-400) !important; }
button[data-action="analyze-phrase"] { background-color: rgba(184,115,51,0.15) !important; color: var(--vd-brass-500) !important; }
button[data-action="analyze-phrase"]:hover { background-color: rgba(184,115,51,0.25) !important; }
button[data-action="search-in-yandex"] { background-color: rgba(239,68,68,0.15) !important; color: #f87171 !important; }
#stopwordsList { background-color: var(--vd-card) !important; border-color: rgba(184,115,51,0.20) !important; }
#applyBtn { background-color: #10b981 !important; }
#applyBtn:hover { background-color: #059669 !important; }
#progressContainer .bg-gray-200 { background-color: rgba(184,115,51,0.15) !important; }
#progressBar, #applyingProgress { background-color: var(--vd-copper-500) !important; }
#autoSaveIndicator { background-color: var(--vd-copper-700) !important; color: var(--vd-brass-400) !important; }

/* ===== ПАГИНАЦИЯ ===== */
#prev-page, #next-page, #prev-page-top, #next-page-top, #prev-page-bottom, #next-page-bottom {
    color: var(--vd-brass-400) !important; border-color: rgba(184,115,51,0.25) !important; background-color: var(--vd-card) !important;
}
#prev-page:hover, #next-page:hover, #prev-page-top:hover, #next-page-top:hover,
#prev-page-bottom:hover, #next-page-bottom:hover { background-color: rgba(184,115,51,0.10) !important; }
#page-info, #page-info-top, #page-info-bottom { color: var(--vd-brass-400) !important; }
#pagination-container .text-gray-500, #pagination .text-gray-500 { color: var(--vd-patina-500) !important; }

/* ===== КНОПКИ ДЕЙСТВИЙ ===== */
#full-crawl-btn, #collect-selected-btn, button[id*="collect"] { background-color: var(--vd-copper-500) !important; color: #FFF !important; }
#full-crawl-btn:hover, #collect-selected-btn:hover, button[id*="collect"]:hover { background-color: var(--vd-copper-600) !important; }
#untrack-selected-btn { background-color: var(--vd-patina-600) !important; color: var(--vd-brass-400) !important; }
#untrack-selected-btn:hover { background-color: var(--vd-patina-500) !important; }
button[data-action="select-all"] { color: var(--vd-brass-500) !important; }
button[data-action="select-all"]:hover { color: var(--vd-brass-400) !important; }
button[data-action="clear-selection"] { color: var(--vd-patina-400) !important; }
button[data-action="clear-selection"]:hover { color: var(--vd-patina-500) !important; }
button[data-action="delete-selected"] { background-color: #b91c1c !important; }
button[data-action="delete-selected"]:hover { background-color: #dc2626 !important; }
button[data-action="remove-stoplist-domain"], button[data-action="remove-competitor-domain"] { color: #f87171 !important; }
button[data-action="remove-stoplist-domain"]:hover, button[data-action="remove-competitor-domain"]:hover { color: #ef4444 !important; }
button[data-action="open-create-preset-modal"] { background-color: var(--vd-copper-500) !important; }
button[data-action="open-create-preset-modal"]:hover { background-color: var(--vd-copper-600) !important; }

/* ===== РАЗНОЕ ===== */
#selected-date-value { color: var(--vd-brass-500) !important; }
#competitors-warning { background-color: rgba(245,158,11,0.15) !important; color: #fbbf24 !important; border: 1px solid rgba(245,158,11,0.30) !important; }
#selectedCount { background-color: rgba(184,115,51,0.15) !important; color: var(--vd-brass-400) !important; }
.tracked-active { background-color: var(--vd-copper-500) !important; color: #FFF !important; }
.date-header.bg-blue-100 { background-color: rgba(184,115,51,0.25) !important; color: var(--vd-brass-500) !important; font-weight: 600 !important; }
.bg-white.rounded-lg.shadow-sm.border.overflow-hidden { background-color: var(--vd-card) !important; border-color: rgba(184,115,51,0.20) !important; }
.bg-gray-50.px-4.py-2.border-b { background-color: var(--vd-surface) !important; border-bottom-color: rgba(184,115,51,0.15) !important; }
#current-schedule-info .text-gray-600 { color: var(--vd-patina-400) !important; }
.bg-gray-50.rounded-lg.p-4.border.border-gray-200 { background-color: var(--vd-surface) !important; border-color: rgba(184,115,51,0.20) !important; }
#history-list .text-gray-400 { color: var(--vd-patina-500) !important; }
.border-gray-300.rounded-lg.bg-white { background-color: var(--vd-card) !important; border-color: rgba(184,115,51,0.20) !important; }
td.text-center.text-gray-600.bg-gray-50 { background-color: var(--vd-surface) !important; color: var(--vd-patina-400) !important; }

/* ===== СКРОЛЛБАР ===== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--vd-canvas); }
::-webkit-scrollbar-thumb { background: var(--vd-copper-700); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--vd-copper-500); }

/* ===== JINJA2 КОМПОНЕНТЫ ===== */
.btn-brand { background-color: var(--vd-copper-500); color: #FFF; border-radius: 8px; padding: 12px 28px; font-weight: 600; transition: all 0.25s; display: inline-block; cursor: pointer; border: none; box-shadow: 0 2px 10px rgba(184,115,51,0.25); }
.btn-brand:hover { background-color: var(--vd-copper-400); box-shadow: 0 4px 18px rgba(184,115,51,0.40); transform: translateY(-1px); }
.card-brand { background: var(--vd-card); border: 1px solid rgba(184,115,51,0.30); border-radius: 12px; padding: 24px; }
.text-brass { color: var(--vd-brass-400); }
.text-patina { color: var(--vd-patina-500); }
.text-gold { color: var(--vd-brass-500); }
.shadow-glow { box-shadow: 0 0 20px rgba(184,115,51,0.30); }

/* ===== ДОБИВАЕМ СЕРЫЕ РАМКИ НА КНОПКАХ ===== */
button.border,
a.border,
[class*="border"].rounded-lg {
    border-color: rgba(184, 115, 51, 0.3) !important;
}
button[data-action="close-modal"],
button.border-gray-300 {
    border-color: rgba(184, 115, 51, 0.3) !important;
    color: var(--vd-brass-400) !important;
    background-color: transparent !important;
}
button[data-action="close-modal"]:hover,
button.border-gray-300:hover {
    background-color: rgba(184, 115, 51, 0.1) !important;
    border-color: rgba(184, 115, 51, 0.5) !important;
}
button[id*="prev"],
button[id*="next"] {
    border-color: rgba(184, 115, 51, 0.3) !important;
    color: var(--vd-brass-400) !important;
}
#export-csv-btn,
#refresh-btn {
    border-color: rgba(184, 115, 51, 0.3) !important;
    color: var(--vd-brass-400) !important;
}
#export-csv-btn:hover,
#refresh-btn:hover {
    background-color: rgba(184, 115, 51, 0.1) !important;
    border-color: rgba(184, 115, 51, 0.5) !important;
}

/* ===== SVG-ИКОНКИ: СИНИЕ → МЕДНЫЕ ===== */
svg.text-blue-600 {
    color: var(--vd-brass-500) !important;
}
svg.text-blue-500 {
    color: var(--vd-copper-400) !important;
}

/* ===== БЛОК "НЕДАВНИЕ ДЕЙСТВИЯ" (сайдбар справа) ===== */
.bg-gradient-to-r.from-blue-50.to-indigo-50 {
    background-image: linear-gradient(to right, rgba(184,115,51,0.10), rgba(212,175,55,0.06)) !important;
}
.bg-gradient-to-br.from-blue-500.to-purple-600 {
    background-image: linear-gradient(to bottom right, var(--vd-copper-500), var(--vd-copper-600)) !important;
}
h2.font-semibold.text-gray-900 {
    color: var(--vd-brass-400) !important;
}
.text-xs.text-gray-500.bg-white\/60 {
    color: var(--vd-patina-500) !important;
    background-color: rgba(184,115,51,0.15) !important;
}
.bg-gradient-to-br.from-blue-100.to-purple-100 {
    background-image: linear-gradient(to bottom right, rgba(184,115,51,0.20), rgba(212,175,55,0.12)) !important;
}
.bg-gradient-to-r.from-purple-50.to-pink-50 {
    background-image: linear-gradient(to right, rgba(184,115,51,0.10), rgba(184,115,51,0.05)) !important;
}
.bg-purple-50.border.border-purple-200.rounded-lg.p-4 {
    background-color: rgba(184,115,51,0.08) !important;
    border-color: rgba(184,115,51,0.25) !important;
}
.bg-gradient-to-r.from-blue-500.via-purple-500.to-blue-500 {
    background-image: linear-gradient(to right, var(--vd-copper-400), var(--vd-copper-500), var(--vd-copper-400)) !important;
}
.bg-gradient-to-b.from-blue-500.to-blue-600 {
    background-image: linear-gradient(to bottom, var(--vd-copper-400), var(--vd-copper-600)) !important;
}



/* ===== ПОЗИЦИИ — КОНТРАСТНЫЙ МЕДНЫЙ СПЕКТР ===== */
#stats-panel > div {
    cursor: default !important;
    transform: none !important;
}
.pos-top3, .pos-top5, .pos-top10, .pos-top20, .pos-top50, .pos-top100 {
    border-radius: 8px !important;
    padding: 6px 4px !important;
    text-align: center !important;
    border: 1px solid rgba(184, 115, 51, 0.25) !important;
}
.pos-top3 .text-xs, .pos-top5 .text-xs, .pos-top10 .text-xs,
.pos-top20 .text-xs, .pos-top50 .text-xs, .pos-top100 .text-xs {
    font-size: 14px !important;
}
.pos-top3 .text-lg, .pos-top5 .text-lg, .pos-top10 .text-lg,
.pos-top20 .text-lg, .pos-top50 .text-lg, .pos-top100 .text-lg {
    font-size: 14px !important;
}
.pos-top3 { background-color: rgba(184, 115, 51, 0.35) !important; }
.pos-top5 { background-color: rgba(184, 115, 51, 0.25) !important; }
.pos-top10 { background-color: rgba(184, 115, 51, 0.18) !important; }
.pos-top20 { background-color: rgba(184, 115, 51, 0.12) !important; }
.pos-top50 { background-color: rgba(184, 115, 51, 0.06) !important; }
.pos-top100 { background-color: rgba(107, 114, 128, 0.06) !important; }
td.pos-top3 { background-color: rgba(184, 115, 51, 0.35) !important; border-radius: 0 !important; }
td.pos-top5 { background-color: rgba(184, 115, 51, 0.25) !important; border-radius: 0 !important; }
td.pos-top10 { background-color: rgba(184, 115, 51, 0.18) !important; border-radius: 0 !important; }
td.pos-top20 { background-color: rgba(184, 115, 51, 0.12) !important; border-radius: 0 !important; }
td.pos-top50 { background-color: rgba(184, 115, 51, 0.06) !important; border-radius: 0 !important; }
td.pos-top100 { background-color: rgba(107, 114, 128, 0.06) !important; border-radius: 0 !important; }
td.pos-out { background-color: transparent !important; border-radius: 0 !important; }
td.pos-top3 a, td.pos-top3 span,
td.pos-top5 a, td.pos-top5 span,
td.pos-top10 a, td.pos-top10 span,
td.pos-top20 a, td.pos-top20 span,
td.pos-top50 a, td.pos-top50 span,
td.pos-top100 a, td.pos-top100 span,
td.pos-out a, td.pos-out span,
.pos-top3, .pos-top5, .pos-top10, .pos-top20, .pos-top50, .pos-top100 {
    color: var(--vd-brass-400) !important;
    font-weight: 600 !important;
}
.pos-top3 .text-xs, .pos-top5 .text-xs, .pos-top10 .text-xs,
.pos-top20 .text-xs, .pos-top50 .text-xs, .pos-top100 .text-xs {
    color: var(--vd-patina-400) !important;
}
.pos-top3 .text-lg, .pos-top5 .text-lg, .pos-top10 .text-lg,
.pos-top20 .text-lg, .pos-top50 .text-lg, .pos-top100 .text-lg {
    color: var(--vd-brass-400) !important;
}

/* ===== ГРУППА (темнее ключа) ===== */
.group-badge {
    color: var(--vd-patina-400) !important;
    font-weight: 400 !important;
    font-size: 0.85em !important;
}

/* ===== МОДАЛКА ДОБАВЛЕНИЯ КЛЮЧЕЙ ===== */
.bg-white.rounded-xl.shadow-sm.border {
    border-color: rgba(184, 115, 51, 0.2) !important;
    background-color: var(--vd-card) !important;
}

/* ===== ШАПКА ===== */
nav.bg-gradient-to-r {
    background-image: linear-gradient(135deg, #2E1A0E, #1C1008, #2E1A0E) !important;
    border-bottom: 1px solid rgba(184, 115, 51, 0.3) !important;
}
nav .max-w-7xl > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
nav #globalSearch {
    background: rgba(28, 28, 28, 0.8) !important;
    border-color: rgba(184, 115, 51, 0.3) !important;
    color: #E5D5B5 !important;
}
nav #globalSearch::placeholder {
    color: #8C7A5E !important;
}

/* ===== ВЫПАДАШКА ПОИСКА ===== */
#globalResults a,
#mobileResults a {
    background-color: var(--vd-card) !important;
    color: var(--vd-brass-400) !important;
}
#globalResults a:hover,
#mobileResults a:hover {
    background-color: rgba(184, 115, 51, 0.12) !important;
}
#globalResults .font-medium,
#mobileResults .font-medium {
    color: var(--vd-brass-400) !important;
}
.bg-amber-50 {
    background-color: rgba(212, 175, 55, 0.12) !important;
}

/* ===== КАСТОМНЫЙ ИНДИКАТОР ЗАГРУЗКИ ===== */
.loader-vydacheved {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 2rem;
}
.loader-vydacheved .gear {
    width: 48px;
    height: 48px;
    animation: spin-gear 3s linear infinite;
}
.loader-vydacheved .eye {
    width: 32px;
    height: 32px;
    animation: pulse-eye 2s ease-in-out infinite;
}
.loader-vydacheved .loading-text {
    font-family: 'Old Standard TT', serif;
    color: #B87333;
    font-size: 16px;
    letter-spacing: 2px;
    animation: fade-text 1.5s ease-in-out infinite;
}
@keyframes spin-gear {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes pulse-eye {
    0%, 100% { opacity: 0.4; transform: scale(0.9); }
    50% { opacity: 1; transform: scale(1.1); }
}
@keyframes fade-text {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; }
}

/* ===== АДМИНКА ===== */
#tab-dashboard.tab-content.hidden,
div[id^="tab-"].tab-content.hidden {
    display: none;
}
div[id^="tab-"].tab-content:not(.hidden) {
    display: block;
}
.w-0 { width: 0%; }
.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

/* ============================================================
   КАРТА РЫНКА — ЛЕГЕНДА И ХИТМЭП
   ============================================================ */
.legend-dot {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 9999px;
    flex-shrink: 0;
}
.legend-dot-gold { background-color: #D4AF37; }
.legend-dot-0 { background-color: #B87333; }
.legend-dot-1 { background-color: #C6893F; }
.legend-dot-2 { background-color: #D4A775; }
.legend-dot-3 { background-color: #A0622A; }
.legend-dot-4 { background-color: #8B5222; }
.legend-dot-5 { background-color: #73441B; }
.legend-dot-6 { background-color: #5C3615; }
.legend-dot-7 { background-color: #E5D5B5; }
.heatmap-legend {
    width: 0.75rem;
    height: 0.75rem;
}
.heatmap-legend-0 { background-color: #2E2A24; }
.heatmap-legend-1 { background-color: #5C3615; }
.heatmap-legend-2 { background-color: #8B5222; }
.heatmap-legend-3 { background-color: #B87333; }
.heatmap-legend-4 { background-color: #D4AF37; }
.heatmap-legend-5 { background-color: #E5D5B5; }
.heatmap-level-0 { background-color: #2E2A24; color: #8C7A5E; }
.heatmap-level-1 { background-color: #3D2A1A; color: #A69478; }
.heatmap-level-2 { background-color: #5C3615; color: #D4A775; }
.heatmap-level-3 { background-color: #8B5222; color: #E5D5B5; }
.heatmap-level-4 { background-color: #B87333; color: #FFFFFF; }
.heatmap-level-5 { background-color: #D4AF37; color: #1C1C1C; font-weight: 700; }
.heatmap-table th,
.heatmap-table td {
    border: 1px solid rgba(184, 115, 51, 0.15);
}
.heatmap-table .sticky {
    position: sticky;
    left: 0;
}
.tab-content.hidden {
    display: none !important;
}
.tab-content:not(.hidden) {
    display: block;
}
.rotate-90 { transform: rotate(90deg); }
.group-arrow { transition: transform 0.2s; display: inline-block; }
.compare-header:hover {
    background-color: var(--vd-surface) !important;
}
.compare-arrow {
    display: inline-block;
    transition: transform 0.2s;
}
.legend-dot-ours {
    background-color: #10B981;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
}
.context-menu-item {
    color: var(--vd-brass-400);
    transition: background-color 0.15s;
}
.context-menu-item:hover {
    background-color: rgba(184, 115, 51, 0.15);
    color: var(--vd-brass-500);
}

/* ============================================================
ОТЧЁТ
   ============================================================ */
.ours-row {
    background-color: rgba(184, 115, 51, 0.10);
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

@media print {
    @page {
        size: A4;
        margin: 15mm 18mm;
    }
    html, body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    body {
        background: white !important;
        color: #1a1a1a !important;
        font-family: 'Times New Roman', Georgia, serif !important;
        font-size: 10.5pt;
        line-height: 1.45;
    }
    nav, footer, .sidebar, .sidebar-overlay,
    #report-settings, #print-report-btn, .no-print,
    .report-actions,
    script, style, .loader-vydacheved {
        display: none !important;
    }
    a:link:after,
    a:visited:after,
    a[href]:after {
        content: none !important;
    }
    main {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .report-header {
        text-align: center;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        border-bottom: 2px solid #1a1a1a !important;
        margin-bottom: 24px !important;
        page-break-after: avoid;
    }
    .card-brand {
        background: white !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 0 14px 0 !important;
        margin-bottom: 18px !important;
        border-radius: 0 !important;
        page-break-inside: avoid;
    }
    .card-brand h2 {
        page-break-after: avoid;
    }
    .text-brass, .text-patina, .text-gold,
    .text-gray-800, .text-gray-700, .text-gray-600,
    .text-gray-900, .text-black {
        color: #1a1a1a !important;
    }
    .text-patina, .text-gray-500, .text-gray-400 {
        color: #555 !important;
    }
    .text-green-400, .text-green-600, .text-green-700 {
        color: #16a34a !important;
    }
    .text-red-400, .text-red-600 {
        color: #dc2626 !important;
    }
    .bg-surface {
        background: #f5f5f5 !important;
        border: 1px solid #ddd !important;
    }
    .bg-copper-light {
        background: #fff9e6 !important;
        border: 1px solid #e5d5a5 !important;
    }
    .bg-canvas {
        background: white !important;
    }
    .share-bar-bg {
        background: #e5e5e5 !important;
        height: 4px !important;
    }
    .share-bar-fill {
        background: #666 !important;
        height: 4px !important;
    }
    .share-bar-gold {
        background: #1a1a1a !important;
    }
    .share-bar-copper {
        background: #888 !important;
    }
    h1 {
        font-size: 18pt;
        margin-bottom: 8px;
    }
    h2 {
        font-size: 13pt;
        border-bottom: 1px solid #ccc;
        padding-bottom: 6px;
        margin-bottom: 12px;
        margin-top: 0;
    }
    h3 {
        font-size: 11pt;
        margin-bottom: 6px;
    }
    table {
        font-size: 9pt;
        width: 100%;
        border-collapse: collapse;
    }
    th {
        text-align: left;
        font-weight: 600;
        color: #555;
        padding: 6px 8px;
        border-bottom: 1.5px solid #aaa;
        font-size: 9pt;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    td {
        padding: 5px 8px;
        border-bottom: 1px solid #ddd;
        vertical-align: top;
    }
    tr:last-child td {
        border-bottom: none;
    }
    .ours-row td {
        background: #fff9e6 !important;
        font-weight: 600;
    }
    svg {
        display: none !important;
    }
    .legend-dot {
        width: 8px;
        height: 8px;
        border: 1px solid #999;
        background: #ccc !important;
    }
    .card-brand p {
        margin-bottom: 6px;
    }
}

/* Слайдеры */
input[type="range"].brand-slider {
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 4px !important;
    background: var(--vd-surface) !important;
    border-radius: 2px !important;
    outline: none !important;
    cursor: pointer !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
}
input[type="range"].brand-slider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: var(--vd-copper-500) !important;
    cursor: pointer !important;
    border: 2px solid var(--vd-brass-400) !important;
    box-shadow: 0 0 6px rgba(184, 115, 51, 0.4) !important;
}
input[type="range"].brand-slider::-moz-range-thumb {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: var(--vd-copper-500) !important;
    cursor: pointer !important;
    border: 2px solid var(--vd-brass-400) !important;
}
input[type="range"].brand-slider::-moz-range-track {
    height: 4px !important;
    background: var(--vd-surface) !important;
    border-radius: 2px !important;
}
.preset-chip {
    transition: all 0.15s;
}

/* ===== МОДАЛКА ОТЧЁТА ===== */
#report-modal .bg-white {
    min-width: auto;
    max-width: 80vw;
}
#report-modal table {
    min-width: 100%;
    margin: 0 auto;
}
#report-modal th,
#report-modal td {
    text-align: center;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
}
#report-modal th:first-child,
#report-modal td:first-child {
    text-align: left;
}
#report-modal #report-planned table thead {
    background-color: rgba(184, 115, 51, 0.25) !important;
}
#report-modal #report-planned th {
    color: var(--vd-brass-400) !important;
    background-color: rgba(184, 115, 51, 0.25) !important;
}
#report-modal input[type="date"] {
    padding: 8px 12px;
    font-size: 14px;
    width: 160px;
}
.report-planned-header {
    background-color: rgba(184, 115, 51, 0.25) !important;
}
.report-planned-header th {
    color: var(--vd-brass-400) !important;
}

/* ===== МОДАЛКА ТИПОВ ЗАДАЧ ===== */
#types-modal .card-brand {
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#types-modal .overflow-y-auto {
    max-height: 60vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--vd-copper-700) transparent;
}
#types-modal .types-table-wrapper {
    max-height: 55vh;
}

/* ===== AUTOCOMPLETE ===== */
.autocomplete-wrapper {
    position: relative;
}
.autocomplete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 60;
    max-height: 180px;
    overflow-y: auto;
    background: var(--vd-card);
    border: 1px solid rgba(184,115,51,0.3);
    border-radius: 8px;
    display: none;
    scrollbar-width: thin;
    scrollbar-color: var(--vd-copper-700) transparent;
}
.autocomplete-dropdown.active {
    display: block;
}
.autocomplete-dropdown .item {
    padding: 8px 12px;
    font-size: 13px;
    color: var(--vd-brass-400);
    cursor: pointer;
}
.autocomplete-dropdown .item:hover,
.autocomplete-dropdown .item.selected {
    background: rgba(184,115,51,0.12);
}

/* ===== СВЕТЛАЯ ТЕМА ===== */
.theme-light {
    --vd-canvas: #F8F6F2;
    --vd-card: #FFFFFF;
    --vd-surface: #F0EDE8;
    --vd-copper-500: #B87333;
    --vd-copper-600: #9A5A25;
    --vd-brass-400: #A67C3E;
    --vd-patina-400: #7A6B55;
    --vd-patina-500: #5E5240;
}
.theme-light body {
    background-color: var(--vd-canvas) !important;
    color: #2C2820 !important;
}
.theme-light #check-balance-btn {
    background-color: #10b981 !important;
    color: #FFFFFF !important;
}
.theme-light #check-balance-btn:hover { background-color: #059669 !important; }
.theme-light input[type="checkbox"] {
    color-scheme: light !important;
    background-color: #FFFFFF !important;
    border: 2px solid #B87333 !important;
    accent-color: #B87333 !important;
}
.theme-light input[type="checkbox"]:checked {
    background-color: #B87333 !important;
}
.theme-light input[type="text"],
.theme-light input[type="email"],
.theme-light input[type="password"],
.theme-light textarea,
.theme-light select {
    background-color: #FFFFFF !important;
    color: #2C2820 !important;
    border-color: rgba(184, 115, 51, 0.3) !important;
}
.theme-light thead.bg-gray-50 { background-color: #EDE8E0 !important; }
.theme-light tbody.bg-white { background-color: #FFFFFF !important; }
.theme-light .text-gray-400,
.theme-light .text-gray-500 { color: #7A6B55 !important; }
.theme-light .text-gray-600,
.theme-light .text-gray-700,
.theme-light .text-gray-800,
.theme-light .text-gray-900 { color: #2C2820 !important; }
.theme-light .border,
.theme-light .border-gray-100,
.theme-light .border-gray-200,
.theme-light .border-gray-300 {
    border-color: rgba(184, 115, 51, 0.2) !important;
}
.theme-light #globalSearch {
    background: rgba(255,255,255,0.9) !important;
    color: #2C2820 !important;
}
.theme-light .bg-white.rounded-lg,
.theme-light #deleteModal .bg-white,
.theme-light #schedule-modal .bg-white {
    background-color: #FFFFFF !important;
}
.theme-light nav.bg-gradient-to-r {
    background-image: linear-gradient(135deg, #5C3615, #4A2A10, #3D1F0A) !important;
}
.theme-light .top-nav {
    background: #F0EDE8;
}
.theme-light .project-sidebar {
    background: #FFFFFF;
}
.theme-light #profileMenu,
.theme-light #projectsDropdownMenu {
    background: #FFFFFF;
    border-color: rgba(184, 115, 51, 0.25);
}

.top-nav {
    overflow-x: visible !important;
}

.top-nav .max-w-7xl {
    overflow-x: visible !important;
}

.top-nav .flex {
    overflow-x: visible !important;
}

/* ===== КНОПКА БАЛАНСА (ОРИГИНАЛ) ===== */
#check-balance-btn {
    background-color: #10b981 !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 1.5 !important;
    padding: 8px 16px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}

#check-balance-btn:hover {
    background-color: #059669 !important;
}

/* Светлая тема */
.theme-light #check-balance-btn {
    background-color: #10b981 !important;
    color: #FFFFFF !important;
}

.theme-light #check-balance-btn:hover {
    background-color: #059669 !important;
}

/* Выпадашка задач */
#tasks-dropdown {
    z-index: 1000 !important;
    position: absolute !important;
    right: 0 !important;
    margin-top: 8px !important;
}

#tasks-dropdown-container {
    position: relative !important;
}


/* Модалка справки — принудительный фон */
[id^="helpModal-"] {
    background-color: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(2px) !important;
}

[id^="helpModal-"] .bg-card {
    background-color: var(--vd-card) !important;
    border: 1px solid rgba(184, 115, 51, 0.3) !important;
}

/* Кнопка закрытия в светлой теме */
.theme-light [id^="helpModal-"] .close-help-modal {
    color: #5E5240 !important;
}

.theme-light [id^="helpModal-"] .close-help-modal:hover {
    color: #B87333 !important;
}

/* Кнопка "Закрыть" в светлой теме */
.theme-light [id^="helpModal-"] button.bg-copper-500 {
    background-color: #B87333 !important;
    color: #FFFFFF !important;
}

.theme-light [id^="helpModal-"] button.bg-copper-500:hover {
    background-color: #9A5A25 !important;
}

/* Модалка справки — скролл контента */
[id^="helpModal-"] .p-5 {
    max-height: calc(80vh - 120px);
    overflow-y: auto;
}

/* Кастомный скролл для модалки */
[id^="helpModal-"] .p-5::-webkit-scrollbar {
    width: 6px;
}

[id^="helpModal-"] .p-5::-webkit-scrollbar-track {
    background: var(--vd-surface);
    border-radius: 3px;
}

[id^="helpModal-"] .p-5::-webkit-scrollbar-thumb {
    background: var(--vd-copper-500);
    border-radius: 3px;
}

.theme-light #refresh-btn {
    background-color: transparent !important;
    border: 1px solid var(--vd-copper-500) !important;
    color: var(--vd-copper-700) !important;
}