/* ============================================ */
/* ТЕМНАЯ ТЕМА (SLATE PALETTE) */
/* ============================================ */

/* Основные переменные для темной темы */
:root[data-theme="dark"],
html[data-theme="dark"],
[data-theme="dark"] {
    /* Основная палитра (Slate) */
    --bg-body: #0F172A !important; /* Slate 900 - глубокий темный */
    --bg-surface: #1E293B !important; /* Slate 800 - панели */
    --bg-surface-secondary: #334155 !important; /* Slate 700 - инпуты/вторичные */
    
    --text-primary: #F8FAFC !important; /* Slate 50 - почти белый */
    --text-secondary: #CBD5E1 !important; /* Slate 300 - светло-серый */
    --text-tertiary: #94A3B8 !important; /* Slate 400 - серый */

    /* Акцентные цвета */
    --primary-color: #60A5FA !important; /* Blue 400 - более светлый синий для темного фона */
    --primary-hover: #3B82F6 !important; /* Blue 500 */
    --primary-light: #1E3A8A !important; /* Blue 900 - очень темный синий */
    --primary-lighter: #1E40AF !important; /* Blue 800 */
    
    --border-color: #475569 !important; /* Slate 600 */
    --border-focus: #60A5FA !important;

    /* Функциональные цвета */
    --success-color: #34D399 !important;
    --success-bg: rgba(6, 78, 59, 0.5) !important;
    --warning-color: #FBBF24 !important;
    --warning-bg: rgba(120, 53, 15, 0.5) !important;
    --danger-color: #F87171 !important;
    --danger-bg: rgba(127, 29, 29, 0.5) !important;
}

/* --- Компоненты в темной теме --- */

/* Header */
:root[data-theme="dark"] .header-section {
    background-color: rgba(30, 41, 59, 0.95); /* Slate 800 с прозрачностью */
    border-bottom: 1px solid var(--border-color); /* Более тонкая граница в темной теме */
}

/* Текст */
[data-theme="dark"] .text-dark {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .text-muted {
    color: var(--text-secondary) !important;
}

/* Footer */
[data-theme="dark"] .footer-contacts a,
[data-theme="dark"] .footer-legal a {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .footer-contacts a:hover,
[data-theme="dark"] .footer-legal a:hover {
    color: var(--primary-color) !important;
}

/* Карточки */
[data-theme="dark"] .card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--border-color);
}

/* Таблицы */
[data-theme="dark"] .table {
    color: var(--text-secondary);
}

[data-theme="dark"] .table > :not(caption) > * > * {
    background-color: transparent; /* Прозрачный фон ячеек */
    color: var(--text-secondary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .text-secondary {
    color: var(--text-tertiary) !important;
}

/* Кнопки */
[data-theme="dark"] .btn-primary {
    background-color: var(--primary-hover) !important; /* Используем чуть более темный оттенок для контраста с белым текстом */
    border-color: var(--primary-hover) !important;
    color: #FFFFFF !important;
}

[data-theme="dark"] .btn-primary:hover {
    background-color: var(--primary-color) !important; /* Светлее при наведении */
    border-color: var(--primary-color) !important;
}

[data-theme="dark"] .btn-secondary {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .btn-secondary:hover {
    background-color: var(--bg-surface);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

[data-theme="dark"] .btn-light {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: transparent;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .btn-light:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-link {
    color: var(--primary-color);
}

[data-theme="dark"] .btn-link:hover {
    color: var(--primary-hover);
}

/* Исправление цвета текста для outline кнопок */
[data-theme="dark"] .btn-outline-secondary {
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: var(--bg-surface-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--text-primary) !important;
}

/* Модалки */
[data-theme="dark"] .modal-content {
    background-color: var(--bg-surface);
    border: 1px solid var(--border-color);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

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

[data-theme="dark"] .modal-footer {
    border-top-color: var(--border-color);
}

[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Формы и инпуты */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
    color: var(--text-primary) !important;
}

[data-theme="dark"] .form-control::placeholder {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] .form-select {
    /* Изменяем цвет стрелки (треугольника) в темной теме */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23CBD5E1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

[data-theme="dark"] .form-control:focus {
    background-color: var(--bg-surface);
    border-color: var(--primary-color);
    color: var(--text-primary) !important;
    background-image: none !important; /* Убираем стрелку для input */
}

[data-theme="dark"] .form-select:focus {
    background-color: var(--bg-surface);
    border-color: var(--primary-color);
    color: var(--text-primary);
    /* При фокусе стрелка становится более яркой */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2360A5FA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

[data-theme="dark"] .input-group-text {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

/* Dropdown */
[data-theme="dark"] .dropdown-menu {
    background-color: var(--bg-surface);
    border-color: var(--border-color);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .dropdown-item {
    color: var(--text-primary);
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: var(--bg-surface-secondary);
}

[data-theme="dark"] .dropdown-divider {
    border-color: var(--border-color);
}

/* Toast */
[data-theme="dark"] .toast {
    background-color: var(--bg-surface);
    border-color: var(--border-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .toast-header {
    background-color: var(--bg-surface-secondary);
    border-bottom-color: var(--border-color);
    color: var(--text-primary);
}

/* Badges */
[data-theme="dark"] .badge {
    border: 1px solid transparent;
}

[data-theme="dark"] .bg-success {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #34D399 !important;
    border-color: rgba(16, 185, 129, 0.2);
}

[data-theme="dark"] .bg-warning {
    background-color: rgba(245, 158, 11, 0.2) !important;
    color: #FBBF24 !important;
    border-color: rgba(245, 158, 11, 0.2);
}

[data-theme="dark"] .bg-danger {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #F87171 !important;
    border-color: rgba(239, 68, 68, 0.2);
}

[data-theme="dark"] .bg-info {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #60A5FA !important;
    border-color: rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .bg-secondary {
    background-color: var(--bg-surface-secondary) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color);
}

/* Badge subtle variants for dark theme */
[data-theme="dark"] .bg-success-subtle {
    background-color: rgba(16, 185, 129, 0.15) !important;
    color: #34D399 !important;
}

[data-theme="dark"] .bg-warning-subtle {
    background-color: rgba(245, 158, 11, 0.15) !important;
    color: #FBBF24 !important;
}

[data-theme="dark"] .bg-danger-subtle {
    background-color: rgba(239, 68, 68, 0.15) !important;
    color: #F87171 !important;
}

[data-theme="dark"] .bg-info-subtle {
    background-color: rgba(59, 130, 246, 0.15) !important;
    color: #60A5FA !important;
}

[data-theme="dark"] .bg-secondary-subtle {
    background-color: rgba(107, 114, 128, 0.15) !important;
    color: #9CA3AF !important;
}

[data-theme="dark"] .text-success {
    color: #34D399 !important;
}

[data-theme="dark"] .text-warning {
    color: #FBBF24 !important;
}

[data-theme="dark"] .text-danger {
    color: #F87171 !important;
}

[data-theme="dark"] .text-info {
    color: #60A5FA !important;
}

[data-theme="dark"] .text-secondary {
    color: #9CA3AF !important;
}

[data-theme="dark"] .border-success-subtle {
    border-color: rgba(16, 185, 129, 0.3) !important;
}

[data-theme="dark"] .border-warning-subtle {
    border-color: rgba(245, 158, 11, 0.3) !important;
}

[data-theme="dark"] .border-danger-subtle {
    border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .border-info-subtle {
    border-color: rgba(59, 130, 246, 0.3) !important;
}

[data-theme="dark"] .border-secondary-subtle {
    border-color: rgba(107, 114, 128, 0.3) !important;
}

/* Alerts */
[data-theme="dark"] .alert-success {
    background-color: rgba(6, 78, 59, 0.4);
    border-color: rgba(5, 150, 105, 0.3);
    color: #D1FAE5;
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(120, 53, 15, 0.4);
    border-color: rgba(217, 119, 6, 0.3);
    color: #FEF3C7;
}

[data-theme="dark"] .alert-danger {
    background-color: rgba(127, 29, 29, 0.4);
    border-color: rgba(220, 38, 38, 0.3);
    color: #FEE2E2;
}

[data-theme="dark"] .alert-info {
    background-color: rgba(30, 58, 138, 0.4);
    border-color: rgba(37, 99, 235, 0.3);
    color: #DBEAFE;
}

[data-theme="dark"] .alert-light {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

/* Специфичные стили для модалок */
[data-theme="dark"] .modal-title {
    color: var(--text-primary);
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--text-secondary);
    border-color: transparent;
}

[data-theme="dark"] .nav-tabs .nav-link:hover {
    color: var(--text-primary);
    border-color: transparent;
    background-color: var(--bg-surface-secondary);
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    color: var(--primary-color);
    background-color: var(--bg-surface);
    border-color: var(--border-color) var(--border-color) var(--bg-surface);
}

[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--border-color);
}

/* Список в модалках */
[data-theme="dark"] .list-group-item {
    background-color: var(--bg-surface);
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* Адаптация Bootstrap утилит */
[data-theme="dark"] .text-black-50 {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] .text-white-50 {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] .bg-white {
    background-color: var(--bg-surface) !important;
}

[data-theme="dark"] .bg-light {
    background-color: var(--bg-surface-secondary) !important;
}

[data-theme="dark"] .border {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .border-top {
    border-top-color: var(--border-color) !important;
}

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

[data-theme="dark"] .border-start {
    border-left-color: var(--border-color) !important;
}

[data-theme="dark"] .border-end {
    border-right-color: var(--border-color) !important;
}

/* Чекбоксы и радиокнопки */
[data-theme="dark"] .form-check-input {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Outline кнопки */
[data-theme="dark"] .btn-outline-secondary {
    color: var(--text-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: var(--bg-surface-secondary);
    color: var(--text-primary);
    border-color: var(--text-secondary);
}

[data-theme="dark"] .btn-outline-secondary:active,
[data-theme="dark"] .btn-outline-secondary.active {
    background-color: var(--bg-surface-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--text-secondary) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .btn-outline-secondary:focus {
    background-color: var(--bg-surface-secondary);
    color: var(--text-primary);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.25) !important;
}

[data-theme="dark"] .btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

[data-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--primary-color);
    color: #fff;
}

/* Специфичные стили для #transportDetailsModal */
[data-theme="dark"] #transportDetailsModal .modal-content {
    background-color: var(--bg-surface) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] #transportDetailsModal .modal-header {
    background-color: var(--bg-surface-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] #transportDetailsModal .modal-body {
    background-color: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] #transportDetailsModal .modal-footer {
    background-color: rgba(30, 41, 59, 0.9) !important;
    border-top: 1px solid var(--border-color) !important;
}

[data-theme="dark"] #transportDetailsModal .text-muted {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] #transportDetailsModal .text-secondary {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] #transportDetailsModal .bg-light {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] #transportDetailsModal .border {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] #transportDetailsModal .badge {
    background-color: var(--bg-surface-secondary) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] #transportDetailsModal .badge.bg-success {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #34D399 !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}

[data-theme="dark"] #transportDetailsModal .badge.bg-warning {
    background-color: rgba(245, 158, 11, 0.2) !important;
    color: #FBBF24 !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}

[data-theme="dark"] #transportDetailsModal .badge.bg-danger {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #F87171 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] #transportDetailsModal .badge.bg-info {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #60A5FA !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

/* Кнопки в модалке деталей перевозки */
[data-theme="dark"] #transportDetailsModal .btn-outline-secondary {
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
    background-color: transparent !important;
}

[data-theme="dark"] #transportDetailsModal .btn-outline-secondary:hover {
    background-color: var(--bg-surface-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--primary-color) !important;
}

[data-theme="dark"] #transportDetailsModal .btn-primary {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: #FFFFFF !important;
}

[data-theme="dark"] #transportDetailsModal .btn-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Заголовки и метки */
[data-theme="dark"] #transportDetailsModal .fw-bold,
[data-theme="dark"] #transportDetailsModal .fw-medium {
    color: var(--text-primary) !important;
}

[data-theme="dark"] #transportDetailsModal .small {
    color: var(--text-tertiary) !important;
}

/* Карточки и блоки информации */
[data-theme="dark"] #transportDetailsModal .card {
    background-color: var(--bg-surface-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] #transportDetailsModal .card-header {
    background-color: var(--bg-surface) !important;
    border-bottom-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] #transportDetailsModal .card-body {
    background-color: var(--bg-surface-secondary) !important;
    color: var(--text-primary) !important;
}

/* Справка (Help Modal) в темной теме */
[data-theme="dark"] #helpModal .accordion-button {
    background-color: var(--bg-surface-secondary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
    box-shadow: none !important;
    outline: none !important;
}

[data-theme="dark"] #helpModal .accordion-button:hover {
    background-color: var(--bg-surface) !important;
    color: var(--primary-color) !important;
    box-shadow: none !important;
    outline: none !important;
}

[data-theme="dark"] #helpModal .accordion-button:not(.collapsed) {
    background-color: var(--bg-surface) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    box-shadow: none !important;
    outline: none !important;
}

[data-theme="dark"] #helpModal .accordion-button:focus {
    background-color: var(--bg-surface-secondary) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.25) !important;
    outline: none !important;
}

[data-theme="dark"] #helpModal .accordion-body {
    background-color: var(--bg-surface) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] #helpModal .bg-light {
    background-color: var(--bg-surface-secondary) !important;
}

[data-theme="dark"] #helpModal .text-dark {
    color: var(--text-primary) !important;
}

/* Дополнительные правила для аккордеона в справке */
[data-theme="dark"] #helpModal .accordion-item {
    background-color: transparent !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] #helpModal .accordion-collapse {
    background-color: var(--bg-surface) !important;
    border-color: var(--border-color) !important;
}

/* Полное переопределение стилей для кнопок аккордеона в справке */
[data-theme="dark"] #helpModal .accordion-button {
    background-color: var(--bg-surface-secondary) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: var(--bs-border-radius) !important;
}

[data-theme="dark"] #helpModal .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CBD5E1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* Исправление для react-select или похожих кастомных селектов, если есть */
[data-theme="dark"] .select2-container .select2-selection {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* Скроллбары (дополнительно, если не наследуются) */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-surface);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-color: var(--bg-surface);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--text-tertiary);
}

/* Пагинация в темной теме */
[data-theme="dark"] .pagination .page-link {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .pagination .page-link:hover {
    background-color: var(--bg-surface);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

[data-theme="dark"] .pagination .page-item.disabled .page-link {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
    color: var(--text-tertiary);
    opacity: 0.5;
    cursor: not-allowed;
}

[data-theme="dark"] .pagination .page-item.disabled .page-link:hover {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
    color: var(--text-tertiary);
}

/* Кастомный селект KPI в темной теме */
[data-theme="dark"] .custom-kpi-select {
    background-color: var(--bg-surface-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .custom-kpi-select:hover,
[data-theme="dark"] .custom-kpi-select.show {
    background-color: var(--bg-surface);
    border-color: var(--primary-color);
}

[data-theme="dark"] .custom-kpi-select-text {
    color: var(--text-primary);
}

[data-theme="dark"] .custom-kpi-select-arrow {
    color: var(--text-secondary);
}

[data-theme="dark"] .custom-kpi-select-options {
    background-color: var(--bg-surface);
    border-color: var(--border-color);
}

[data-theme="dark"] .custom-kpi-select-option {
    color: var(--text-primary);
}

[data-theme="dark"] .custom-kpi-select-option:hover {
    background-color: var(--bg-surface-secondary);
}

/* Модалка договора в темной теме */
[data-theme="dark"] .dogovor-draft-modal .modal-content {
    background-color: var(--bg-surface) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .dogovor-draft-modal .modal-header {
    background-color: var(--bg-surface-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .dogovor-draft-modal .modal-body {
    background-color: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .dogovor-draft-modal .modal-footer {
    background-color: rgba(30, 41, 59, 0.9) !important; /* Темный фон с прозрачностью */
    border-top: 1px solid var(--border-color) !important;
    backdrop-filter: blur(10px) !important;
}

/* Элементы внутри модалки договора */
[data-theme="dark"] .dogovor-draft-modal .border {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .dogovor-draft-modal .text-muted {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] .dogovor-draft-modal .bg-light {
    background-color: var(--bg-surface-secondary) !important;
}

[data-theme="dark"] .dogovor-draft-modal .card {
    background-color: var(--bg-surface-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .dogovor-draft-modal .card-header {
    background-color: var(--bg-surface) !important;
    border-bottom-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .dogovor-draft-modal .card-body {
    background-color: var(--bg-surface-secondary) !important;
    color: var(--text-primary) !important;
}

/* Контейнер предпросмотра договора в темной теме */
[data-theme="dark"] .dogovor-preview-container {
    background: var(--bg-surface-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Блоки в модалке договора с жестко заданным светлым фоном */
[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3 {
    background-color: var(--bg-surface-secondary) !important;
}

[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3[style*="background: #f8f9fa"] {
    background-color: var(--bg-surface-secondary) !important;
}

[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3[style*="background: rgb(248, 249, 250)"] {
    background-color: var(--bg-surface-secondary) !important;
}

/* Текст в блоках модалки договора */
[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3,
[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3 * {
    color: var(--text-primary) !important;
}

/* Заголовки в блоках */
[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3 h5,
[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3 h6,
[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3 .fw-bold {
    color: var(--text-primary) !important;
}

/* Мелкий текст в блоках */
[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3 .text-muted,
[data-theme="dark"] .dogovor-draft-modal .border.rounded.p-3 small {
    color: var(--text-tertiary) !important;
}

/* Переопределение любых inline стилей с светлыми фонами в модалке договора */
[data-theme="dark"] .dogovor-draft-modal [style*="background: #f8f9fa"],
[data-theme="dark"] .dogovor-draft-modal [style*="background: rgb(248, 249, 250)"],
[data-theme="dark"] .dogovor-draft-modal [style*="background: rgba(248, 249, 250"],
[data-theme="dark"] .dogovor-draft-modal [style*="background-color: #f8f9fa"],
[data-theme="dark"] .dogovor-draft-modal [style*="background-color: rgb(248, 249, 250)"] {
    background-color: var(--bg-surface-secondary) !important;
    background: var(--bg-surface-secondary) !important;
}

/* Переопределение любых inline стилей с темным текстом на светлом фоне */
[data-theme="dark"] .dogovor-draft-modal [style*="color: #212529"],
[data-theme="dark"] .dogovor-draft-modal [style*="color: rgb(33, 37, 41)"],
[data-theme="dark"] .dogovor-draft-modal [style*="color: #495057"],
[data-theme="dark"] .dogovor-draft-modal [style*="color: rgb(73, 80, 87)"] {
    color: var(--text-primary) !important;
}

/* Формы в модалке договора */
[data-theme="dark"] .dogovor-draft-modal .form-control,
[data-theme="dark"] .dogovor-draft-modal .form-select {
    background-color: var(--bg-surface-secondary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .dogovor-draft-modal .form-control:focus,
[data-theme="dark"] .dogovor-draft-modal .form-select:focus {
    background-color: var(--bg-surface) !important;
    border-color: var(--primary-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .dogovor-draft-modal .form-control::placeholder {
    color: var(--text-tertiary) !important;
}

/* Таблицы в модалке договора */
[data-theme="dark"] .dogovor-draft-modal .table {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .dogovor-draft-modal .table > :not(caption) > * > * {
    background-color: transparent !important;
    color: var(--text-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .dogovor-draft-modal .table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Splash Screen в темной теме */
[data-theme="dark"] .splash-screen {
    background: var(--bg-body);
}

[data-theme="dark"] .splash-title {
    color: var(--text-primary);
}

[data-theme="dark"] .splash-logo svg.pooling-logo {
    fill: #135CA9;
}


