/* =========================================
   1. КНОПКА ПЕРЕКЛЮЧЕНИЯ ТЕМЫ
   ========================================= */
.theme-toggle-btn {
    background: transparent;
    border: 1px solid #e7e9ed;
    color: #5d6778;
    padding: 0.5rem;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.theme-toggle-btn:hover {
    background: #f5f6fe;
    color: #15a362;
    border-color: #15a362;
    transform: rotate(15deg);
}

.theme-toggle-btn svg {
    width: 20px;
    height: 20px;
}

/* Скрываем и показываем иконки в зависимости от темы */
.theme-icon-light { display: block; }
.theme-icon-dark { display: none; }

[data-theme="chat-dark"] .theme-icon-light { display: none; }
[data-theme="chat-dark"] .theme-icon-dark { display: block; }

[data-theme="chat-dark"] .theme-toggle-btn {
    border-color: #404040;
    color: #e9ecef;
}

[data-theme="chat-dark"] .theme-toggle-btn:hover {
    background: #404040;
    color: #10a37f;
    border-color: #10a37f;
}

/* =========================================
   2. ПЕРЕМЕННЫЕ ТЁМНОЙ ТЕМЫ (CHAT-DARK)
   ========================================= */
[data-theme="chat-dark"] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    
    --bs-black: #e9ecef;
    --bs-white: #1e1e1e;
    
    --bs-gray: #9fa7b5;
    --bs-gray-dark: #828d9f;
    --bs-gray-100: #2d2d2d;
    --bs-gray-200: #333333;
    --bs-gray-300: #404040;
    --bs-gray-400: #4d4d4d;
    --bs-gray-500: #666666;
    --bs-gray-600: #7a7a7a;
    --bs-gray-700: #999999;
    --bs-gray-800: #b3b3b3;
    --bs-gray-900: #e9ecef;
    
    --bs-primary: #10a37f;
    --bs-secondary: #5d6778;
    --bs-success: #5cb377;
    --bs-danger: #d26d69;
    --bs-warning: #EEBF41;
    --bs-info: #5b99ea;
    
    --bs-primary-rgb: 16, 163, 127;
    --bs-secondary-rgb: 93, 103, 120;
    --bs-success-rgb: 92, 179, 119;
    --bs-danger-rgb: 210, 109, 105;
    --bs-warning-rgb: 238, 191, 65;
    --bs-info-rgb: 91, 153, 234;
    
    --bs-white-rgb: 30, 30, 30;
    --bs-black-rgb: 233, 236, 239;
    --bs-body-color-rgb: 233, 236, 239;
    --bs-body-bg-rgb: 30, 30, 30;
    
    --bs-body-color: #e9ecef;
    --bs-body-bg: #1e1e1e;
    
    --bs-border-color: #404040;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    
    --bs-link-color: #10a37f;
    --bs-link-hover-color: #0d8c6c;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #404040;
    --bs-heading-color: #e9ecef;
    
    --bs-card-bg: #2d2d2d;
    --bs-card-cap-bg: #333333;
    --bs-card-border-color: #404040;
    --bs-dropdown-bg: #2d2d2d;
    --bs-dropdown-link-color: #e9ecef;
    --bs-dropdown-link-hover-bg: #404040;
    --bs-dropdown-link-hover-color: #10a37f;
    --bs-input-bg: #333333;
    --bs-input-color: #e9ecef;
    --bs-input-border-color: #404040;
    
    --bs-table-bg: #2d2d2d;
    --bs-table-color: #e9ecef;
    --bs-table-border-color: #404040;
    --bs-table-striped-bg: #333333;
    
    --bs-pagination-bg: #333333;
    --bs-pagination-border-color: #404040;
    --bs-pagination-color: #e9ecef;
    --bs-pagination-hover-bg: #404040;
    --bs-pagination-hover-color: #10a37f;
    --bs-pagination-active-bg: #10a37f;
    --bs-pagination-active-border-color: #10a37f;
    --bs-pagination-active-color: #1e1e1e;
    --bs-pagination-disabled-bg: #2d2d2d;
    --bs-pagination-disabled-color: #666666;
}

/* =========================================
   3. ОСНОВНЫЕ КОМПОНЕНТЫ В ТЁМНОЙ ТЕМЕ
   ========================================= */
[data-theme="chat-dark"] body {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
}

[data-theme="chat-dark"] .app { background-color: #1e1e1e; }

[data-theme="chat-dark"] .app-header,
[data-theme="chat-dark"] .app-sidepanel .sidepanel-inner,
[data-theme="chat-dark"] .app-card,
[data-theme="chat-dark"] .modal-content,
[data-theme="chat-dark"] .card,
[data-theme="chat-dark"] .detail-card {
    background-color: #2d2d2d;
    border-color: #404040;
}

[data-theme="chat-dark"] .app-sidepanel { border-right-color: #404040; }
[data-theme="chat-dark"] .app-header { border-bottom-color: #404040; background-color: #2d2d2d; }
[data-theme="chat-dark"] .app-branding .logo-text { color: #e9ecef; }
[data-theme="chat-dark"] .app-sidepanel-footer { background-color: #333333; border-top-color: #404040; }
[data-theme="chat-dark"] .app-sidepanel-footer .app-nav-footer { margin-bottom: 0; }
[data-theme="chat-dark"] .app-sidepanel-footer .app-nav-footer .nav-item { background: transparent; }
[data-theme="chat-dark"] .app-sidepanel-footer .app-nav-footer .nav-link { color: #b3b3b3; }
[data-theme="chat-dark"] .app-sidepanel-footer .app-nav-footer .nav-link:hover { color: #10a37f; background: rgba(16, 163, 127, 0.1); }

/* Навигация */
[data-theme="chat-dark"] .app-nav .nav-item { display: block; color: #ffffff; background: #2d2d2d; }
[data-theme="chat-dark"] .app-nav .nav-link { display: block; padding: .875rem 1rem .875rem 3rem; color: #ffffff; position: relative; border-left: 3px solid transparent; background: transparent; }
[data-theme="chat-dark"] .app-nav .nav-link:hover { color: #10a37f; background: rgba(16, 163, 127, 0.1); }
[data-theme="chat-dark"] .app-nav .nav-link.active { color: #10a37f; background: rgba(16, 163, 127, 0.15); border-left: 3px solid #10a37f; font-weight: 500; }
[data-theme="chat-dark"] .app-nav .nav-link.submenu-toggle.active { background: transparent; border-color: transparent; }
[data-theme="chat-dark"] .app-nav .nav-icon { position: absolute; left: 1rem; top: .7rem; color: #e9ecef; }
[data-theme="chat-dark"] .app-nav .nav-link:hover .nav-icon,
[data-theme="chat-dark"] .app-nav .nav-link.active .nav-icon { color: #10a37f; }
[data-theme="chat-dark"] .app-nav .submenu-arrow { position: absolute; right: 1rem; top: .7rem; color: #7a7a7a; }
[data-theme="chat-dark"] .app-nav .submenu-arrow svg { width: 14px; height: 14px; }
[data-theme="chat-dark"] .app-nav .submenu-toggle[aria-expanded=true] .submenu-arrow { color: #10a37f; }
[data-theme="chat-dark"] .app-nav .submenu-item { margin-bottom: 0; }
[data-theme="chat-dark"] .app-nav .submenu-link { color: #b3b3b3; font-size: .875rem; margin-left: 2rem; padding: .5rem 1rem; position: relative; display: block; margin-bottom: 0; }
[data-theme="chat-dark"] .app-nav .submenu-link:hover { color: #10a37f; background: rgba(16, 163, 127, 0.1); }
[data-theme="chat-dark"] .app-nav .submenu-link:before { background-color: #404040; content: " "; display: inline-block; height: 100%; left: 0; position: absolute; width: 2px; margin-top: -0.5rem; }
[data-theme="chat-dark"] .app-nav .submenu-link.active { color: #10a37f; }
[data-theme="chat-dark"] .app-nav .submenu-link.active:before,
[data-theme="chat-dark"] .app-nav .submenu-link:hover:before { background-color: #10a37f; }

/* Выпадающие списки и формы */
[data-theme="chat-dark"] .dropdown-menu { background-color: #333333; border-color: #404040; scrollbar-width: thin; scrollbar-color: #4d4d4d #2d2d2d; }
[data-theme="chat-dark"] .dropdown-item { color: #e9ecef; }
[data-theme="chat-dark"] .dropdown-item:hover,
[data-theme="chat-dark"] .dropdown-item:focus { background-color: #404040; color: #10a37f; }
[data-theme="chat-dark"] .form-control,
[data-theme="chat-dark"] .form-select { background-color: #333333; border-color: #404040; color: #e9ecef; }
[data-theme="chat-dark"] .form-control:focus,
[data-theme="chat-dark"] .form-select:focus { background-color: #404040; border-color: #10a37f; color: #e9ecef; }
[data-theme="chat-dark"] .form-control::placeholder { color: #7a7a7a; }

/* Кнопки */
[data-theme="chat-dark"] .btn-light { background-color: #404040; color: #e9ecef; border-color: #404040; }
[data-theme="chat-dark"] .btn-light:hover { background-color: #4d4d4d; color: #10a37f; }
[data-theme="chat-dark"] .app-btn-secondary,
[data-theme="chat-dark"] .btn-secondary { background-color: #404040; color: #e9ecef; border-color: #4d4d4d; }
[data-theme="chat-dark"] .app-btn-secondary:hover,
[data-theme="chat-dark"] .btn-secondary:hover { background-color: #4d4d4d; border-color: #5a5a5a; color: #e9ecef; }
[data-theme="chat-dark"] .btn-primary { background-color: #10a37f; border-color: #10a37f; color: #1e1e1e; }
[data-theme="chat-dark"] .btn-primary:hover { background-color: #0d8c6c; border-color: #0d8c6c; color: #1e1e1e; }
[data-theme="chat-dark"] .btn-outline-secondary { color: #e9ecef; border-color: #4d4d4d; background: transparent; }
[data-theme="chat-dark"] .btn-outline-secondary:hover { background: #404040; color: #10a37f; border-color: #10a37f; }
[data-theme="chat-dark"] .btn-danger { background: #b3403a; border-color: #b3403a; color: #e9ecef; }
[data-theme="chat-dark"] .btn-danger:hover { background: #a33a35; border-color: #93332f; }

/* Общие стили кнопок (переопределение переменных) */
[data-theme="chat-dark"] .btn {
    --bs-btn-color: #e9ecef;
    --bs-btn-bg: #404040;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: #4d4d4d;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 1px rgba(0, 0, 0, 0.3);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(16, 163, 127, 0.5);
    --bs-btn-hover-color: #e9ecef;
    --bs-btn-hover-bg: #4d4d4d;
    --bs-btn-hover-border-color: #5a5a5a;
    --bs-btn-active-color: #e9ecef;
    --bs-btn-active-bg: #333333;
    --bs-btn-active-border-color: #404040;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
    --bs-btn-disabled-color: #7a7a7a;
    --bs-btn-disabled-bg: #2d2d2d;
    --bs-btn-disabled-border-color: #404040;
}

/* Таблицы */
[data-theme="chat-dark"] .table {
    --bs-table-color: #e9ecef;
    --bs-table-bg: #2d2d2d;
    --bs-table-border-color: #404040;
    --bs-table-striped-bg: #333333;
}
[data-theme="chat-dark"] .table thead th { background: #333333; color: #b3b3b3; font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; padding: 12px 15px; border-bottom: 1px solid #404040; border-color: #404040; }
[data-theme="chat-dark"] .table td,
[data-theme="chat-dark"] .table th { border-color: #404040; }
[data-theme="chat-dark"] .table-striped tbody tr:nth-of-type(odd) { background-color: #333333; }
[data-theme="chat-dark"] .table-light {
    --bs-table-color: #e9ecef;
    --bs-table-bg: #333333;
    --bs-table-border-color: #404040;
    --bs-table-striped-bg: #3d3d3d;
    --bs-table-striped-color: #e9ecef;
    --bs-table-active-bg: #404040;
    --bs-table-active-color: #10a37f;
    --bs-table-hover-bg: #4d4d4d;
    --bs-table-hover-color: #10a37f;
}
[data-theme="chat-dark"] .table-secondary {
    --bs-table-color: #e9ecef;
    --bs-table-bg: #404040;
    --bs-table-border-color: #4d4d4d;
    --bs-table-striped-bg: #4d4d4d;
    --bs-table-striped-color: #e9ecef;
    --bs-table-active-bg: #5a5a5a;
    --bs-table-active-color: #e9ecef;
    --bs-table-hover-bg: #555555;
    --bs-table-hover-color: #10a37f;
}
[data-theme="chat-dark"] .app-table-hover>tbody>tr:hover { background-color: #333333 !important; }
[data-theme="chat-dark"] .app-table-hover>tbody>tr:hover td,
[data-theme="chat-dark"] .app-table-hover>tbody>tr:hover th { color: #e9ecef; }
[data-theme="chat-dark"] .app-table-hover-green>tbody>tr:hover { background-color: rgba(16, 163, 127, 0.15) !important; }
[data-theme="chat-dark"] .app-table-hover-green>tbody>tr:hover td,
[data-theme="chat-dark"] .app-table-hover-green>tbody>tr:hover th { color: #10a37f; }

/* Пагинация */
[data-theme="chat-dark"] .pagination .page-link { background-color: #333333; border-color: #404040; color: #e9ecef; }
[data-theme="chat-dark"] .pagination .page-link:hover { background-color: #404040; color: #10a37f; }
[data-theme="chat-dark"] .pagination .page-item.active .page-link { background-color: #10a37f; border-color: #10a37f; color: #1e1e1e; }
[data-theme="chat-dark"] .pagination .page-item.disabled .page-link { background-color: #2d2d2d; color: #666666; }

/* Прочие компоненты */
[data-theme="chat-dark"] .app-icon-holder { background-color: rgba(16, 163, 127, 0.15); color: #10a37f; }
[data-theme="chat-dark"] .app-icon-holder.icon-holder-mono { background-color: #404040; color: #b3b3b3; }
[data-theme="chat-dark"] .progress { background-color: #404040; }
[data-theme="chat-dark"] .progress-bar { background-color: #10a37f; }
[data-theme="chat-dark"] .nav-tabs { border-color: #404040; }
[data-theme="chat-dark"] .nav-tabs .nav-link { color: #b3b3b3; }
[data-theme="chat-dark"] .nav-tabs .nav-link:hover,
[data-theme="chat-dark"] .nav-tabs .nav-link:focus { border-color: #404040 #404040 #404040; background-color: #333333; color: #10a37f; }
[data-theme="chat-dark"] .nav-tabs .nav-link.active { background-color: #2d2d2d; border-color: #404040 #404040 #2d2d2d; color: #10a37f; }
[data-theme="chat-dark"] .border,
[data-theme="chat-dark"] .border-top,
[data-theme="chat-dark"] .border-end,
[data-theme="chat-dark"] .border-bottom,
[data-theme="chat-dark"] .border-start { border-color: #404040 !important; }
[data-theme="chat-dark"] hr { background-color: #404040; opacity: 1; }
[data-theme="chat-dark"] .text-muted { color: #7a7a7a !important; }
[data-theme="chat-dark"] .app-card .app-card-header { border-bottom-color: #404040; }
[data-theme="chat-dark"] .app-card-stat .stats-figure { color: #e9ecef; }
[data-theme="chat-dark"] .app-card-stat .stats-type,
[data-theme="chat-dark"] .app-card-stat .stats-meta { color: #7a7a7a; }

/* Алерты */
[data-theme="chat-dark"] .alert-primary { background-color: rgba(16, 163, 127, 0.2); border-color: rgba(16, 163, 127, 0.3); color: #e9ecef; }
[data-theme="chat-dark"] .alert-secondary { background-color: rgba(93, 103, 120, 0.2); border-color: rgba(93, 103, 120, 0.3); color: #e9ecef; }
[data-theme="chat-dark"] .alert-success { background-color: rgba(92, 179, 119, 0.2); border-color: rgba(92, 179, 119, 0.3); color: #e9ecef; }
[data-theme="chat-dark"] .alert-danger { background-color: rgba(210, 109, 105, 0.2); border-color: rgba(210, 109, 105, 0.3); color: #e9ecef; }
[data-theme="chat-dark"] .alert-warning { background-color: rgba(238, 191, 65, 0.2); border-color: rgba(238, 191, 65, 0.3); color: #e9ecef; }
[data-theme="chat-dark"] .alert-info { background-color: rgba(91, 153, 234, 0.2); border-color: rgba(91, 153, 234, 0.3); color: #e9ecef; }

/* Заголовки */
[data-theme="chat-dark"] h1, [data-theme="chat-dark"] .h1,
[data-theme="chat-dark"] h2, [data-theme="chat-dark"] .h2,
[data-theme="chat-dark"] h3, [data-theme="chat-dark"] .h3,
[data-theme="chat-dark"] h4, [data-theme="chat-dark"] .h4,
[data-theme="chat-dark"] h5, [data-theme="chat-dark"] .h5,
[data-theme="chat-dark"] h6, [data-theme="chat-dark"] .h6 {
    color: #e9ecef; font-weight: 600; font-optical-sizing: auto; font-style: normal;
}

/* Аккордеон */
[data-theme="chat-dark"] .accordion-button { color: #e9ecef; background-color: #333333; border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); }
[data-theme="chat-dark"] .accordion-button:not(.collapsed) { color: #10a37f; background-color: #3d3d3d; box-shadow: inset 0 -1px 0 #404040; }
[data-theme="chat-dark"] .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e9ecef'%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"); }
[data-theme="chat-dark"] .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2310a37f'%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"); }
[data-theme="chat-dark"] .accordion-button:hover { background-color: #3d3d3d; color: #10a37f; }
[data-theme="chat-dark"] .accordion-button:focus { border-color: #10a37f; outline: 0; box-shadow: 0 0 0 0.25rem rgba(16, 163, 127, 0.25); }
[data-theme="chat-dark"] .accordion-item { background-color: #2d2d2d; border: 1px solid #404040; color: #e9ecef; }
[data-theme="chat-dark"] .accordion-body { background-color: #2d2d2d; color: #e9ecef; padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); }

/* Sticky top */
[data-theme="chat-dark"] .sticky-top {
    position: -webkit-sticky; position: sticky; top: 56px; padding: 8px; z-index: 1020;
    background-color: #2d2d2d !important;
    box-shadow: 0px 12px 13px -16px rgba(0, 0, 0, 0.8);
}

/* Выделение строк (debt, warning) */
[data-theme="chat-dark"] .bg-warning { --bs-bg-opacity: 1; background-color: rgba(238, 191, 65, 0.3) !important; color: #e9ecef !important; }
[data-theme="chat-dark"] .bg-warning td, [data-theme="chat-dark"] .bg-warning th { background-color: transparent !important; color: inherit !important; }
[data-theme="chat-dark"] tr.bg-warning, [data-theme="chat-dark"] tr.bg-warning:hover { background-color: rgba(238, 191, 65, 0.3) !important; }
[data-theme="chat-dark"] tr.bg-warning td, [data-theme="chat-dark"] tr.bg-warning th { background-color: transparent !important; color: #e9ecef !important; }
[data-theme="chat-dark"] tr.bg-warning:hover td, [data-theme="chat-dark"] tr.bg-warning:hover th { background-color: rgba(238, 191, 65, 0.4) !important; }

[data-theme="chat-dark"] .debt-high { background-color: rgba(198, 40, 40, 0.2) !important; color: #ff8a80 !important; font-weight: bold; }
[data-theme="chat-dark"] .debt-high td, [data-theme="chat-dark"] .debt-high th { background-color: transparent !important; color: #ff8a80 !important; }
[data-theme="chat-dark"] tr.debt-high { background-color: rgba(198, 40, 40, 0.2) !important; }
[data-theme="chat-dark"] tr.debt-high td, [data-theme="chat-dark"] tr.debt-high th { background-color: transparent !important; color: #ff8a80 !important; }
[data-theme="chat-dark"] tr.debt-high:hover { background-color: rgba(198, 40, 40, 0.3) !important; }
[data-theme="chat-dark"] tr.debt-high:hover td, [data-theme="chat-dark"] tr.debt-high:hover th { color: #ffb3b0 !important; }

[data-theme="chat-dark"] .debt-low { background-color: rgba(46, 125, 50, 0.2) !important; color: #b9f6ca !important; font-weight: bold; }
[data-theme="chat-dark"] .debt-low td, [data-theme="chat-dark"] .debt-low th { background-color: transparent !important; color: #b9f6ca !important; }
[data-theme="chat-dark"] tr.debt-low { background-color: rgba(46, 125, 50, 0.2) !important; }
[data-theme="chat-dark"] tr.debt-low td, [data-theme="chat-dark"] tr.debt-low th { background-color: transparent !important; color: #b9f6ca !important; }
[data-theme="chat-dark"] tr.debt-low:hover { background-color: rgba(46, 125, 50, 0.3) !important; }
[data-theme="chat-dark"] tr.debt-low:hover td, [data-theme="chat-dark"] tr.debt-low:hover th { color: #c8fad5 !important; }

[data-theme="chat-dark"] .debt-medium { background-color: rgba(239, 108, 0, 0.2) !important; color: #ffb74d !important; font-weight: bold; }
[data-theme="chat-dark"] .debt-medium td, [data-theme="chat-dark"] .debt-medium th { background-color: transparent !important; color: #ffb74d !important; }
[data-theme="chat-dark"] tr.debt-medium { background-color: rgba(239, 108, 0, 0.2) !important; }
[data-theme="chat-dark"] tr.debt-medium td, [data-theme="chat-dark"] tr.debt-medium th { background-color: transparent !important; color: #ffb74d !important; }
[data-theme="chat-dark"] tr.debt-medium:hover { background-color: rgba(239, 108, 0, 0.3) !important; }
[data-theme="chat-dark"] tr.debt-medium:hover td, [data-theme="chat-dark"] tr.debt-medium:hover th { color: #ffcc80 !important; }

/* =========================================
   4. ДЕРЕВО ТОВАРОВ И ТАБЛИЦА (ОЧИЩЕННАЯ ВЕРСИЯ)
   ========================================= */

/* --- Светлая тема (по умолчанию) --- */
#goods_groups,
#goods_groups li,
#goods_groups a,
#goods_groups span.goods-leaf {
    color: #000;
}

#goods_groups a:not(.goods-leaf) {
    color: #495057; /* Чуть темнее для родительских узлов */
}

#goods_groups a:not(.goods-leaf):hover {
    color: #000;
}

#goods_groups i.indicator {
    color: #6c757d;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease;
}

#goods_groups i.indicator:hover {
    color: #000;
}

/* Таблица товаров (Светлая тема) */
#add_goods_list th,
#add_goods_list td {
    color: #000;
    border-color: #dee2e6;
}

#add_goods_list th {
    background: rgba(0, 0, 0, 0.03);
}

#add_goods_list tr {
    transition: background-color 0.15s ease;
}

#add_goods_list tr:hover td {
    background: rgba(0, 0, 0, 0.04);
}


/* --- Тёмная тема ([data-theme="chat-dark"]) --- */
[data-theme="chat-dark"] #goods_groups,
[data-theme="chat-dark"] #goods_groups li,
[data-theme="chat-dark"] #goods_groups a,
[data-theme="chat-dark"] #goods_groups span.goods-leaf {
    color: #dee2e6;
}

[data-theme="chat-dark"] #goods_groups a:not(.goods-leaf) {
    color: #adb5bd;
}

[data-theme="chat-dark"] #goods_groups a:not(.goods-leaf):hover {
    color: #fff;
}

[data-theme="chat-dark"] #goods_groups span.goods-leaf {
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    border-radius: 4px;
    padding: 2px 6px;
}

[data-theme="chat-dark"] #goods_groups span.goods-leaf:hover {
    background: rgba(13, 110, 253, 0.2);
    color: #6ea8fe;
}

[data-theme="chat-dark"] #goods_groups span.goods-leaf.active,
[data-theme="chat-dark"] #goods_groups span.goods-leaf.selected {
    background: rgba(13, 110, 253, 0.3);
    color: #9ec5fe;
    font-weight: 500;
}

[data-theme="chat-dark"] #goods_groups i.indicator:hover {
    color: #adb5bd;
}

/* Таблица товаров (Тёмная тема) */
[data-theme="chat-dark"] #add_goods_list th,
[data-theme="chat-dark"] #add_goods_list td {
    color: #adb5bd;
    border-color: #495057;
}

[data-theme="chat-dark"] #add_goods_list th {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="chat-dark"] #add_goods_list tr:hover td {
    background: rgba(255, 255, 255, 0.05);
}

/* Скроллбар для списка товаров (Тёмная тема) */
[data-theme="chat-dark"] #add_goods_list::-webkit-scrollbar { width: 6px; }
[data-theme="chat-dark"] #add_goods_list::-webkit-scrollbar-track { background: #2b3035; }
[data-theme="chat-dark"] #add_goods_list::-webkit-scrollbar-thumb { background: #495057; border-radius: 3px; }
[data-theme="chat-dark"] #add_goods_list::-webkit-scrollbar-thumb:hover { background: #6c757d; }


/* =========================================
   5. FULLCALENDAR И DATEPICKER (ТЁМНАЯ ТЕМА)
   ========================================= */
[data-theme="chat-dark"] .fc-unthemed .fc-content,
[data-theme="chat-dark"] .fc-unthemed .fc-divider,
[data-theme="chat-dark"] .fc-unthemed .fc-list-heading td,
[data-theme="chat-dark"] .fc-unthemed .fc-list-view,
[data-theme="chat-dark"] .fc-unthemed .fc-popover,
[data-theme="chat-dark"] .fc-unthemed .fc-row,
[data-theme="chat-dark"] .fc-unthemed tbody,
[data-theme="chat-dark"] .fc-unthemed td,
[data-theme="chat-dark"] .fc-unthemed th,
[data-theme="chat-dark"] .fc-unthemed thead { border-color: #404040; }

[data-theme="chat-dark"] .fc-unthemed .fc-today { background: rgba(16, 163, 127, 0.1); }
[data-theme="chat-dark"] .fc-unthemed .fc-highlight { background: rgba(16, 163, 127, 0.15); }
[data-theme="chat-dark"] .fc-unthemed .fc-event { background-color: #10a37f; border-color: #0d8c6c; color: #ffffff; }
[data-theme="chat-dark"] .fc-state-default { background-color: #404040; background-image: linear-gradient(to bottom, #4d4d4d, #333333); border-color: #333333 #333333 #262626; color: #e9ecef; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3); }
[data-theme="chat-dark"] .fc-state-default.fc-corner-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
[data-theme="chat-dark"] .fc-state-default.fc-corner-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
[data-theme="chat-dark"] .fc-state-hover,
[data-theme="chat-dark"] .fc-state-down,
[data-theme="chat-dark"] .fc-state-active,
[data-theme="chat-dark"] .fc-state-disabled { color: #e9ecef; background-color: #4d4d4d; }
[data-theme="chat-dark"] .fc-state-hover { background-color: #4d4d4d; background-image: linear-gradient(to bottom, #5a5a5a, #404040); border-color: #404040 #404040 #333333; }
[data-theme="chat-dark"] .fc-state-down,
[data-theme="chat-dark"] .fc-state-active { background-color: #333333; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #262626; }
[data-theme="chat-dark"] .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; box-shadow: none; color: #7a7a7a; background-color: #333333; border-color: #404040; }
[data-theme="chat-dark"] .fc-button { background-color: #404040; border-color: #404040; color: #e9ecef; }
[data-theme="chat-dark"] .fc-button:hover { background-color: #4d4d4d; border-color: #4d4d4d; color: #10a37f; }
[data-theme="chat-dark"] .fc-state-highlight { background: rgba(16, 163, 127, 0.15); }
[data-theme="chat-dark"] .fc .fc-button-primary { color: #e9ecef; background-color: #404040; border-color: #4d4d4d; }
[data-theme="chat-dark"] .fc .fc-button-primary:hover { color: #e9ecef; background-color: #4d4d4d; border-color: #5a5a5a; }
[data-theme="chat-dark"] .fc .fc-button-primary:not(:disabled):active,
[data-theme="chat-dark"] .fc .fc-button-primary:not(:disabled).fc-button-active { color: #e9ecef; background-color: #333333; border-color: #404040; }
[data-theme="chat-dark"] .fc .fc-button-primary:focus { box-shadow: 0 0 0 0.2rem rgba(16, 163, 127, 0.5); }
[data-theme="chat-dark"] .fc .fc-button-primary:disabled { color: #7a7a7a; background-color: #333333; border-color: #404040; opacity: 0.65; }
[data-theme="chat-dark"] .fc-theme-standard td,
[data-theme="chat-dark"] .fc-theme-standard th { border: 1px solid #404040; }
[data-theme="chat-dark"] .fc-theme-standard .fc-scrollgrid { border: 1px solid #404040; }
[data-theme="chat-dark"] .fc-theme-standard .fc-list { border: 1px solid #404040; }
[data-theme="chat-dark"] .fc-theme-standard .fc-list-day-cushion { background-color: #333333; }
[data-theme="chat-dark"] .fc-theme-standard .fc-list-table th { border-color: #404040; }
[data-theme="chat-dark"] .fc-theme-standard .fc-day-today { background-color: rgba(16, 163, 127, 0.1); }
[data-theme="chat-dark"] .fc td.fc-today { border-style: double; background-color: rgba(16, 163, 127, 0.35) !important; position: relative; color: #ffffff; }
[data-theme="chat-dark"] .fc td.fc-today.fc-day { background-color: rgba(16, 163, 127, 0.15) !important; }
[data-theme="chat-dark"] .fc td.fc-today .fc-day-number { color: #10a37f; font-weight: bold; }
[data-theme="chat-dark"] .fc td.fc-today .fc-day-header { color: #ffffff; }
[data-theme="chat-dark"] .fc .fc-day-today { background-color: rgba(16, 163, 127, 0.15) !important; }
[data-theme="chat-dark"] .fc .fc-day-today .fc-daygrid-day-number { color: #10a37f; font-weight: bold; }
[data-theme="chat-dark"] .fc-timeline-slot-cushion,
[data-theme="chat-dark"] .fc-timeline-slot-cushion:hover { text-decoration: none; color: #b3b3b3; transition: color 0.2s ease; }
[data-theme="chat-dark"] .fc-timeline-slot-cushion:hover { color: #10a37f; }

/* Datepicker */
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget { color: #e9ecef; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .table-condensed { color: #e9ecef; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .table-condensed th { color: #b3b3b3; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .table-condensed td { color: #e9ecef; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .table-condensed td.day { color: #e9ecef; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .table-condensed td.day.old,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .table-condensed td.day.new { color: #666666; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .table-condensed td span { color: #e9ecef; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .table-condensed td span.disabled { color: #666666; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-picker span { color: #e9ecef; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-hours span,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-minutes span,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-seconds span { color: #e9ecef; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-hours span.disabled,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-minutes span.disabled,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-seconds span.disabled { color: #666666; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .separator { color: #b3b3b3; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-hour,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-minute,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .timepicker-second { color: #e9ecef; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .cw { color: #b3b3b3; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .prev.disabled,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .next.disabled,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget .picker-switch.disabled { color: #666666; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget table,
[data-theme="chat-dark"] .datepicker table { --bs-gutter-x: 0 !important; --bs-gutter-y: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget td,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget th,
[data-theme="chat-dark"] .datepicker td,
[data-theme="chat-dark"] .datepicker th { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget,
[data-theme="chat-dark"] .datepicker.dropdown-menu { width: auto !important; min-width: 260px !important; max-width: 300px !important; }
[data-theme="chat-dark"] .datepicker:before,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget:before { content: '' !important; display: block !important; position: absolute !important; width: 0 !important; height: 0 !important; border-style: solid !important; border-width: 0 8px 8px 8px !important; border-color: transparent transparent #404040 transparent !important; top: -8px !important; left: 20px !important; z-index: 1001 !important; }
[data-theme="chat-dark"] .datepicker:after,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget:after { content: '' !important; display: block !important; position: absolute !important; width: 0 !important; height: 0 !important; border-style: solid !important; border-width: 0 7px 7px 7px !important; border-color: transparent transparent #2d2d2d transparent !important; top: -7px !important; left: 21px !important; z-index: 1002 !important; }
[data-theme="chat-dark"] .datepicker.dropup:before,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget.dropup:before { border-width: 8px 8px 0 8px !important; border-color: #404040 transparent transparent transparent !important; top: auto !important; bottom: -8px !important; }
[data-theme="chat-dark"] .datepicker.dropup:after,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget.dropup:after { border-width: 7px 7px 0 7px !important; border-color: #2d2d2d transparent transparent transparent !important; top: auto !important; bottom: -7px !important; }
[data-theme="chat-dark"] .datepicker,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget { transform-origin: top left !important; }
[data-theme="chat-dark"] .datepicker.datepicker-orient-left:before,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget.datepicker-orient-left:before { left: 10px !important; }
[data-theme="chat-dark"] .datepicker.datepicker-orient-left:after,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget.datepicker-orient-left:after { left: 11px !important; }
[data-theme="chat-dark"] .datepicker.datepicker-orient-right:before,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget.datepicker-orient-right:before { left: auto !important; right: 10px !important; }
[data-theme="chat-dark"] .datepicker.datepicker-orient-right:after,
[data-theme="chat-dark"] .bootstrap-datetimepicker-widget.datepicker-orient-right:after { left: auto !important; right: 11px !important; }


/* =========================================
   6. SCROLLBARS, МОДАЛКИ И ПРОЧЕЕ
   ========================================= */
[data-theme="chat-dark"] { scrollbar-width: thin; scrollbar-color: #4d4d4d #2d2d2d; }
[data-theme="chat-dark"] ::-webkit-scrollbar { width: 10px; height: 10px; }
[data-theme="chat-dark"] ::-webkit-scrollbar-track { background: #2d2d2d; border-radius: 5px; }
[data-theme="chat-dark"] ::-webkit-scrollbar-thumb { background: #4d4d4d; border-radius: 5px; border: 2px solid #2d2d2d; }
[data-theme="chat-dark"] ::-webkit-scrollbar-thumb:hover { background: #5a5a5a; }
[data-theme="chat-dark"] ::-webkit-scrollbar-thumb:active { background: #666666; }
[data-theme="chat-dark"] ::-webkit-scrollbar-corner { background: #2d2d2d; }
[data-theme="chat-dark"] * { scrollbar-width: thin; scrollbar-color: #4d4d4d #2d2d2d; }

[data-theme="chat-dark"] .app-sidepanel .app-nav-main { scrollbar-width: thin; scrollbar-color: #4d4d4d #2d2d2d; }
[data-theme="chat-dark"] .app-sidepanel .app-nav-main::-webkit-scrollbar { width: 6px; }
[data-theme="chat-dark"] .app-sidepanel .app-nav-main::-webkit-scrollbar-track { background: #2d2d2d; }
[data-theme="chat-dark"] .app-sidepanel .app-nav-main::-webkit-scrollbar-thumb { background: #4d4d4d; border: none; }

[data-theme="chat-dark"] .dropdown-menu::-webkit-scrollbar { width: 6px; }
[data-theme="chat-dark"] .dropdown-menu::-webkit-scrollbar-track { background: #2d2d2d; }
[data-theme="chat-dark"] .dropdown-menu::-webkit-scrollbar-thumb { background: #4d4d4d; }

[data-theme="chat-dark"] .modal-body { scrollbar-width: thin; scrollbar-color: #4d4d4d #2d2d2d; }
[data-theme="chat-dark"] .modal-body::-webkit-scrollbar { width: 8px; }
[data-theme="chat-dark"] .modal-body::-webkit-scrollbar-track { background: #2d2d2d; }
[data-theme="chat-dark"] .modal-body::-webkit-scrollbar-thumb { background: #4d4d4d; border-radius: 4px; }

[data-theme="chat-dark"] textarea,
[data-theme="chat-dark"] pre,
[data-theme="chat-dark"] .table-responsive { scrollbar-width: thin; scrollbar-color: #4d4d4d #2d2d2d; }
[data-theme="chat-dark"] textarea::-webkit-scrollbar,
[data-theme="chat-dark"] pre::-webkit-scrollbar,
[data-theme="chat-dark"] .table-responsive::-webkit-scrollbar { width: 8px; height: 8px; }
[data-theme="chat-dark"] textarea::-webkit-scrollbar-track,
[data-theme="chat-dark"] pre::-webkit-scrollbar-track,
[data-theme="chat-dark"] .table-responsive::-webkit-scrollbar-track { background: #2d2d2d; }
[data-theme="chat-dark"] textarea::-webkit-scrollbar-thumb,
[data-theme="chat-dark"] pre::-webkit-scrollbar-thumb,
[data-theme="chat-dark"] .table-responsive::-webkit-scrollbar-thumb { background: #4d4d4d; border-radius: 4px; }
[data-theme="chat-dark"] textarea::-webkit-scrollbar-thumb:hover,
[data-theme="chat-dark"] pre::-webkit-scrollbar-thumb:hover,
[data-theme="chat-dark"] .table-responsive::-webkit-scrollbar-thumb:hover { background: #5a5a5a; }

/* Модальное окно */
[data-theme="chat-dark"] .modal-content { background-color: #2d2d2d; border-color: #404040; }
[data-theme="chat-dark"] .modal-header { border-bottom-color: #404040; color: #e9ecef; }
[data-theme="chat-dark"] .modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme="chat-dark"] .modal-footer { border-top-color: #404040; }
[data-theme="chat-dark"] .modal-title { color: #e9ecef; }
[data-theme="chat-dark"] .modal-lg { max-width: 800px; }

/* Детали карточек и списков */
[data-theme="chat-dark"] .detail-card-header { background: #333333; color: #e9ecef; padding: 16px 20px; border-bottom: 1px solid #404040; font-weight: 500; }
[data-theme="chat-dark"] .detail-card-header h4,
[data-theme="chat-dark"] .detail-card-header h5 { margin: 0; font-weight: 500; color: #e9ecef; }
[data-theme="chat-dark"] .detail-card-body { padding: 20px; background: #2d2d2d; }
[data-theme="chat-dark"] .image-container { width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; background: #333333; border-radius: 8px; overflow: hidden; border: 1px solid #404040; }
[data-theme="chat-dark"] .image-container img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: brightness(0.9); }
[data-theme="chat-dark"] .image-label { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.8); color: #e9ecef; padding: 4px 12px; border-radius: 20px; font-size: 12px; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease; }
[data-theme="chat-dark"] .image-wrapper { position: relative; display: inline-block; }
[data-theme="chat-dark"] .image-wrapper:hover .image-label { opacity: 1; }
[data-theme="chat-dark"] .cursor-pointer { cursor: pointer; }
[data-theme="chat-dark"] .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px; }
[data-theme="chat-dark"] .info-item { background: #333333; border-radius: 8px; padding: 12px 15px; border-left: 4px solid #5a5a5a; }
[data-theme="chat-dark"] .info-item .label { font-size: 12px; color: #b3b3b3; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px; }
[data-theme="chat-dark"] .info-item .value { font-size: 16px; font-weight: 500; color: #e9ecef; }
[data-theme="chat-dark"] .info-item .value small { font-size: 13px; font-weight: 400; color: #b3b3b3; }
[data-theme="chat-dark"] .status-badge { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 30px; font-size: 13px; font-weight: 500; background: #333333; color: #e9ecef; border: 1px solid #404040; }
[data-theme="chat-dark"] .status-badge i { margin-right: 6px; font-size: 12px; }
[data-theme="chat-dark"] .status-badge.success { background: #1e3a2a; color: #8fdfb2; border-color: #2d5a3a; }
[data-theme="chat-dark"] .status-badge.warning { background: #3a3a1e; color: #f0d78c; border-color: #5a5a2d; }
[data-theme="chat-dark"] .status-badge.danger { background: #3a1e1e; color: #f0a0a0; border-color: #5a2d2d; }
[data-theme="chat-dark"] .problem-item { padding: 16px; border-bottom: 1px solid #404040; background: #2d2d2d; transition: all 0.2s ease; }
[data-theme="chat-dark"] .problem-item:last-child { border-bottom: none; }
[data-theme="chat-dark"] .problem-item:hover { background: #333333; }
[data-theme="chat-dark"] .problem-item.resolved { opacity: 0.8; background: #333333; }
[data-theme="chat-dark"] .problem-image { width: 80px; height: 60px; border-radius: 6px; object-fit: cover; cursor: pointer; border: 1px solid #404040; filter: brightness(0.9); }
[data-theme="chat-dark"] .problem-image:hover { border-color: #10a37f; filter: brightness(1); }
[data-theme="chat-dark"] .problem-item .time { font-size: 12px; color: #b3b3b3; margin-bottom: 4px; }
[data-theme="chat-dark"] .problem-item .comment { font-size: 15px; font-weight: 500; margin-bottom: 6px; color: #e9ecef; }
[data-theme="chat-dark"] .problem-item .user { font-size: 12px; color: #b3b3b3; }
[data-theme="chat-dark"] .upload-area { border: 2px dashed #404040; border-radius: 8px; padding: 24px; text-align: center; background: #333333; cursor: pointer; transition: all 0.2s ease; }
[data-theme="chat-dark"] .upload-area:hover { border-color: #10a37f; background: #3d3d3d; }
[data-theme="chat-dark"] .upload-area i { font-size: 36px; color: #7a7a7a; margin-bottom: 12px; }
[data-theme="chat-dark"] .upload-area p { margin: 0; color: #e9ecef; font-size: 14px; }
[data-theme="chat-dark"] .upload-area small { color: #b3b3b3; font-size: 12px; }
[data-theme="chat-dark"] .form-control-sm,
[data-theme="chat-dark"] .btn-sm { font-size: 0.875rem; }
[data-theme="chat-dark"] .badge { font-weight: 500; padding: 6px 12px; }
[data-theme="chat-dark"] .personnel-list .small { margin-bottom: 2px; padding: 1px 3px; background-color: #333333; border-radius: 3px; color: #b3b3b3; }
[data-theme="chat-dark"] .personnel-list .small:hover { background-color: #404040; color: #e9ecef; }
[data-theme="chat-dark"] .tree li a { text-decoration: none; color: #e9ecef; }
[data-theme="chat-dark"] .tree li a:hover { color: #10a37f; }
[data-theme="chat-dark"] .tree ul li:last-child:before { background: #2d2d2d; height: auto; top: 1em; bottom: 0; }

/* DataTables */
[data-theme="chat-dark"] #table_goods tbody tr.selected,
[data-theme="chat-dark"] #table_goods tbody tr.selected:hover { background-color: rgba(16, 163, 127, 0.3) !important; }
[data-theme="chat-dark"] #table_goods tbody tr.selected td { background-color: transparent !important; color: #e9ecef !important; }
[data-theme="chat-dark"] #table_goods tbody tr.selected td:first-child { position: relative; }
[data-theme="chat-dark"] #table_goods tbody tr.selected td:first-child::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #10a37f; }
[data-theme="chat-dark"] #table_goods tbody tr:hover { background-color: #333333 !important; }
[data-theme="chat-dark"] #table_goods tbody tr:hover td { background-color: transparent !important; }
[data-theme="chat-dark"] #table_goods tbody tr.even.selected,
[data-theme="chat-dark"] #table_goods tbody tr.odd.selected { background-color: rgba(16, 163, 127, 0.3) !important; }
[data-theme="chat-dark"] #table_goods tbody tr.group { background-color: #333333 !important; font-weight: bold; }
[data-theme="chat-dark"] #table_goods tbody tr.group td { color: #10a37f !important; padding: 8px 12px; border-bottom: 1px solid #404040; }
[data-theme="chat-dark"] table.dataTable tbody tr.selected,
[data-theme="chat-dark"] table.dataTable tbody tr.selected:hover,
[data-theme="chat-dark"] table.dataTable tbody tr.selected td { background-color: rgba(16, 163, 127, 0.3) !important; color: #e9ecef !important; }
[data-theme="chat-dark"] table.dataTable tbody tr.selected td { box-shadow: inset 0 0 0 1px #10a37f; }

/* Result container */
[data-theme="chat-dark"] .result-container { background: #2d2d2d; animation: fadeIn 0.5s ease-out; }
[data-theme="chat-dark"] .result-title { color: #10a37f; font-weight: 100; border-bottom: 1px solid #10a37f; padding-bottom: 10px; margin-bottom: 20px; }
[data-theme="chat-dark"] .result-item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #404040; }
[data-theme="chat-dark"] .result-label { font-weight: 100; color: #b3b3b3; display: block; }
[data-theme="chat-dark"] .result-value { color: #e9ecef; font-weight: 500; display: block; }

/* List group */
[data-theme="chat-dark"] .list-group {
    --bs-list-group-color: #e9ecef;
    --bs-list-group-bg: #2d2d2d;
    --bs-list-group-border-color: #404040;
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #b3b3b3;
    --bs-list-group-action-hover-color: #10a37f;
    --bs-list-group-action-hover-bg: #333333;
    --bs-list-group-action-active-color: #e9ecef;
    --bs-list-group-action-active-bg: #404040;
    --bs-list-group-disabled-color: #666666;
    --bs-list-group-disabled-bg: #2d2d2d;
    --bs-list-group-active-color: #1e1e1e;
    --bs-list-group-active-bg: #10a37f;
    --bs-list-group-active-border-color: #10a37f;
    display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius);
}

/* Password field */
[data-theme="chat-dark"] .password-wrapper { position: relative; width: 100%; }
[data-theme="chat-dark"] .password-field { padding-right: 40px !important; height: 2.5rem !important; width: 100%; transition: all 0.3s ease; background-color: #333333; border-color: #404040; color: #e9ecef; }
[data-theme="chat-dark"] .password-field:focus { background-color: #3d3d3d; border-color: #10a37f; color: #e9ecef; box-shadow: 0 0 0 0.25rem rgba(16, 163, 127, 0.25); }
[data-theme="chat-dark"] .password-toggle { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #b3b3b3; cursor: pointer; z-index: 10; padding: 5px 10px; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 4px; }
[data-theme="chat-dark"] .password-toggle:hover { color: #10a37f; background-color: rgba(16, 163, 127, 0.15); }
[data-theme="chat-dark"] .password-toggle:focus { outline: none; box-shadow: none; }
[data-theme="chat-dark"] .password-blurred { letter-spacing: 2px; -webkit-text-security: disc; }
[data-theme="chat-dark"] .password-visible { letter-spacing: normal; -webkit-text-security: none; }
[data-theme="chat-dark"] input[type="password"]::-ms-reveal,
[data-theme="chat-dark"] input[type="password"]::-ms-clear { display: none; }

/* Checkbox group in modal */
[data-theme="chat-dark"] .page-checkbox-group { max-height: 400px; overflow-y: auto; padding: 10px; border: 1px solid #404040; border-radius: 5px; background-color: #2d2d2d; scrollbar-width: thin; scrollbar-color: #4d4d4d #2d2d2d; }
[data-theme="chat-dark"] .page-checkbox-group::-webkit-scrollbar { width: 8px; }
[data-theme="chat-dark"] .page-checkbox-group::-webkit-scrollbar-track { background: #2d2d2d; border-radius: 4px; }
[data-theme="chat-dark"] .page-checkbox-group::-webkit-scrollbar-thumb { background: #4d4d4d; border-radius: 4px; }
[data-theme="chat-dark"] .page-checkbox-group::-webkit-scrollbar-thumb:hover { background: #5a5a5a; }
[data-theme="chat-dark"] .page-checkbox-item { padding: 8px 12px; border-bottom: 1px solid #404040; transition: background-color 0.2s; color: #e9ecef; }
[data-theme="chat-dark"] .page-checkbox-item:hover { background-color: #333333; }
[data-theme="chat-dark"] .page-checkbox-item:last-child { border-bottom: none; }
[data-theme="chat-dark"] .page-checkbox-item .form-check-input { background-color: #333333; border-color: #4d4d4d; }
[data-theme="chat-dark"] .page-checkbox-item .form-check-input:checked { background-color: #10a37f; border-color: #10a37f; }
[data-theme="chat-dark"] .page-checkbox-item .form-check-input:focus { border-color: #10a37f; box-shadow: 0 0 0 0.25rem rgba(16, 163, 127, 0.25); }
[data-theme="chat-dark"] .page-checkbox-item .form-check-label { color: #e9ecef; }
[data-theme="chat-dark"] .page-category { font-weight: bold; padding: 10px 12px 5px; background-color: #333333; margin-top: 5px; border-radius: 4px; color: #e9ecef; border-left: 3px solid #10a37f; }
[data-theme="chat-dark"] .badge-group { font-size: 0.85rem; padding: 5px 10px; margin: 2px; display: inline-block; cursor: pointer; transition: all 0.2s; border-radius: 4px; border: 1px solid transparent; }
[data-theme="chat-dark"] .badge-group:hover { opacity: 0.9; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
[data-theme="chat-dark"] .badge-group.admin { background-color: #b3403a; color: #e9ecef; border-color: #b3403a; }
[data-theme="chat-dark"] .badge-group.user { background-color: #5a5a5a; color: #e9ecef; border-color: #5a5a5a; }
[data-theme="chat-dark"] .badge-group.arm { background-color: #0d4d9c; color: #e9ecef; border-color: #0d4d9c; }
[data-theme="chat-dark"] .badge-group.freelance { background-color: #cc9f30; color: #1e1e1e; border-color: #cc9f30; }
[data-theme="chat-dark"] .badge-group.manager { background-color: #146c43; color: #e9ecef; border-color: #146c43; }
[data-theme="chat-dark"] .badge-group.active { outline: 2px solid #10a37f; outline-offset: 2px; }
[data-theme="chat-dark"] .form-label { color: #e9ecef; }
[data-theme="chat-dark"] .form-text { color: #b3b3b3; }

/* Search button */
.filter_btn.search-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; height: 38px; border-radius: 4px; font-size: 14px; cursor: text; transition: all 0.3s ease; border: 1px solid #ced4da; background: #fff; color: #495057; width: 100px;
}
.filter_btn.search-btn i { color: #6c757d; font-size: 14px; }
.filter_btn.search-btn input { border: none; background: transparent; padding: 0; width: 100%; height: 100%; outline: none; color: inherit; }
.filter_btn.search-btn input::placeholder { color: #adb5bd; font-size: 14px; }
.filter_btn.search-btn:focus-within { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); width: 200px; }
.filter_btn.search-btn:focus-within i { color: #0d6efd; }
[data-theme="chat-dark"] .filter_btn.search-btn { background: #333333; border-color: #404040; color: #e9ecef; }
[data-theme="chat-dark"] .filter_btn.search-btn i { color: #b3b3b3; }
[data-theme="chat-dark"] .filter_btn.search-btn input::placeholder { color: #7a7a7a; }
[data-theme="chat-dark"] .filter_btn.search-btn:focus-within { border-color: #10a37f; box-shadow: 0 0 0 0.25rem rgba(16, 163, 127, 0.25); }
[data-theme="chat-dark"] .filter_btn.search-btn:focus-within i { color: #10a37f; }

/* Responsive */
@media (max-width: 768px) {
    [data-theme="chat-dark"] .info-grid { grid-template-columns: 1fr; }
    [data-theme="chat-dark"] .d-flex.gap-3 { flex-wrap: wrap; }
    [data-theme="chat-dark"] .input-group { width: 100% !important; }
    [data-theme="chat-dark"] .modal-lg { max-width: 95%; margin: 0.5rem auto; }
    [data-theme="chat-dark"] .page-checkbox-group { max-height: 300px; }
    [data-theme="chat-dark"] .badge-group { font-size: 0.75rem; padding: 3px 8px; }
    [data-theme="chat-dark"] .fc-timeline-slot-cushion,
    [data-theme="chat-dark"] .fc-timeline-slot-cushion:hover { font-size: 0.7rem; color: #999999; }
    .filter_btn.search-btn { width: 40px; padding: 0; justify-content: center; }
    .filter_btn.search-btn input { display: none; }
    .filter_btn.search-btn:focus-within { width: 120px; padding: 0 10px; }
    .filter_btn.search-btn:focus-within input { display: block; }
    .filter_btn.search-btn:focus-within i { margin-right: 5px; }
}

@media (max-width: 576px) {
    [data-theme="chat-dark"] .app-card-orders-table .table { min-width: 100%; white-space: normal; }
    [data-theme="chat-dark"] .app-card-orders-table .table .cell { max-width: none; white-space: normal; }
}

@media (max-width: 480px) {
    [data-theme="chat-dark"] .modal-dialog { margin: 0.25rem; }
    [data-theme="chat-dark"] .modal-content { border-radius: 8px; }
    [data-theme="chat-dark"] .modal-body { padding: 0.75rem; }
    [data-theme="chat-dark"] .fc-timeline-slot-cushion,
    [data-theme="chat-dark"] .fc-timeline-slot-cushion:hover { font-size: 0.6rem; color: #808080; }
}

@media (min-width: 769px) {
    .filter_btn.search-btn:focus-within { width: 250px; }
}
[data-theme="chat-dark"] .app-nav-tabs {
    background: #2d2d2d;
    padding: 0;
}
[data-theme="chat-dark"] .toast {
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: #e9ecef;
    --bs-toast-bg: rgba(45, 45, 45, 0.95);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: #404040;
    --bs-toast-border-radius: 0.375rem;
    --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
    --bs-toast-header-color: #b3b3b3;
    --bs-toast-header-bg: rgba(51, 51, 51, 0.95);
    --bs-toast-header-border-color: #404040;
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius);
}