.container-xxl {
    max-width: 1720px;
}

table td,table th {
    vertical-align: middle;
}

/* Заголовки таблицы - первая буква заглавная, остальные строчные */
table th,
.table th,
thead th {
    text-transform: capitalize;
}

table td.float-none {
    float: none !important;
    text-align: center;
}

.icon-tarif {
    font-size: 22px;
}

.icon-tarif.icon-success {
    color: #198754;
}

.icon-tarif.icon-danger {
    color: #dc3545;
}

.content-page {
    padding: 15px 12px 65px 12px;
}

/* ── Kanban full-height layout ─────────────────────────── */
body.page-kanban .content-page {
    height: calc(100vh - 70px);
    padding-bottom: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
body.page-kanban .content {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
body.page-kanban .container-fluid {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 0;
}
body.page-kanban #todos-board-root {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tarif-name {
    min-width: 350px;
}

.tarif-shift-length {
    width: 115px;
}

.tarif-price {
    width: 120px;
}

.tarif-visibility {
    width: 160px;
}

.tarif-overtime {
    width: 120px;
}

.tarif-show-bot {
    width: 65px;
}

.form-check-input[type=checkbox]{
    width: 16px;
    height: 16px;
}

.search-form {
    position: relative;
}

.companydoc-actions {
    width: 160px;
}

.companystage-actions {
    width: 110px;
}

.companystage-order {
    width: 95px;
}

.badge-textsize-14 {
    font-size: 14px;
}

/* Размер шрифта для активного/выбранного пункта Select2 в списке */
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 14px!important;
}

.table > :not(caption) > * > * {
    background-color: none !important;
}

/* Стили для Select2 в input-group */
.input-group .select2-container {
    flex: 1 1 auto;
    width: 1% !important;
}

.input-group .select2-container .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.input-group .select2-container--focus .select2-selection {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Исправление для кнопки в input-group */
.input-group .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Стили для Select2 - выравнивание высоты с form-control */
.select2-container--bootstrap-5 .select2-selection {
    min-height: calc(1.5em + 0.94rem + 2px);
    padding: 0.47rem 0.665rem;
    font-size: 0.875rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
}

/* Стили для Select2 */
.select2-container-sm {
    font-size: 0.875rem;
}

.select2-container-sm .select2-selection {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.select2-dropdown-sm {
    font-size: 0.875rem;
}

.select2-dropdown-sm .select2-results__option {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.select2-dropdown-sm .select2-search__field {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}

/* Принудительное применение стилей для Bootstrap 5 темы */
.select2-container--bootstrap-5.select2-container-sm {
    font-size: 0.875rem;
}

.select2-container--bootstrap-5.select2-container-sm .select2-selection {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.select2-container--bootstrap-5 + .select2-dropdown.select2-dropdown-sm {
    font-size: 0.875rem;
}

.select2-container--bootstrap-5 + .select2-dropdown.select2-dropdown-sm .select2-results__option {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.select2-container--bootstrap-5 + .select2-dropdown.select2-dropdown-sm .select2-search__field {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}

/* Стили для Select2 в форме мероприятий */
.venue-select, .hall-select {
    font-size: 0.875rem;
}

/* Стили только для Select2 в форме мероприятий */
.event-form .select2-container--bootstrap-5 .select2-selection {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    min-height: calc(1.5em + 0.94rem + 2px);
    padding: 0.47rem 0.665rem;
    font-size: 0.875rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
}

/* select2 внутри sm-карточек персонала — высота как у form-control-sm */
.staff-item .select2-container--bootstrap-5 .select2-selection {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.event-form .select2-container--bootstrap-5.select2-container--focus .select2-selection {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Стили для выпадающего списка Bootstrap 5 темы только в форме мероприятий */
.event-form .select2-container--bootstrap-5 + .select2-dropdown {
    font-size: 0.875rem;
}

.event-form .select2-container--bootstrap-5 + .select2-dropdown .select2-results__option {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.event-form .select2-container--bootstrap-5 + .select2-dropdown .select2-search__field {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
}

/* Автодополнение для локаций и залов */
.event-form .autocomplete-wrapper {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
}

.event-form .autocomplete-dropdown {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 1055;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    margin-top: 0.125rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    max-height: 220px;
    overflow-y: auto;
    display: none;
}

.event-form .autocomplete-dropdown.show {
    display: block;
}

.event-form .autocomplete-item {
    padding: 0.375rem 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background-color 0.15s ease;
}

.event-form .autocomplete-item.active,
.event-form .autocomplete-item:hover {
    background-color: #f1f5ff;
}

.event-form .autocomplete-empty {
    padding: 0.375rem 0.75rem;
    color: #6c757d;
    font-size: 0.8125rem;
}

/* Стили для выделения строк в таблице мероприятий */
.events-table tbody tr {
    transition: all 0.3s ease;
    border-left: 3px solid transparent !important;
}

.events-table tbody tr:hover td {
    background: #ededed;
}

/* Стили для строк с границей статуса */
.events-table tbody tr.stage-border {
    position: relative !important;
}

/* Индикатор стадии */
.stage-indicator {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    z-index: 1 !important;
}

/* Стили для бейджей стадий */
.badge {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
}

.badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Дополнительные стили для бейджей с темными цветами */
.badge[style*="color: #ffffff"] {
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* Дополнительные стили для бейджей со светлыми цветами */
.badge[style*="color: #000000"] {
    text-shadow: 0 1px 2px rgba(255,255,255,0.3);
}

/* Анимация для строк при загрузке */
.events-table tbody tr {
    animation: fadeInUp 0.5s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .tarif-name {
        min-width: 200px;
    }
}

/* Стили для работы с банками и BIN кодами */
.bank-info {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 8px;
    font-size: 0.9rem;
}

.bank-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    border-radius: 4px;
}

.bank-icon-small {
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 3px;
    margin-right: 8px;
}

.bank-name {
    font-weight: 500;
    color: #212529;
}

.bank-dropdown-container {
    position: relative;
    margin-top: 12px;
}

.bank-dropdown-container .form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #212529;
}

.bank-select {
    width: 100%;
}

.bank-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    margin-top: 4px;
}

.bank-dropdown-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f1f3f5;
}

.bank-dropdown-item:last-child {
    border-bottom: none;
}

.bank-dropdown-item:hover {
    background: #f8f9fa;
}

.bank-dropdown-empty {
    padding: 12px 16px;
    text-align: center;
    color: #6c757d;
    font-size: 0.9rem;
}

/* Стили для переключателя темы */
.theme-toggle-btn {
    background: transparent;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    transition: opacity 0.2s ease;
}

.theme-toggle-btn:hover {
    opacity: 0.7;
}

.theme-toggle-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(74, 152, 245, 0.25);
    border-radius: 4px;
}

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

/* Адаптация для темной темы */
[data-bs-theme="dark"] .theme-toggle-btn {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .theme-toggle-btn:hover {
    opacity: 0.8;
}

/* ============================================
   Стили темной темы для элементов шаблона Kadso
   ============================================ */

/* HTML и Body - базовые стили для темной темы */
html[data-bs-theme="dark"],
html[data-bs-theme="dark"] body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color);
}

html[data-bs-theme="dark"] {
    background-color: var(--bs-body-bg) !important;
}

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

/* Основные контейнеры приложения */
[data-bs-theme="dark"] #app-layout,
[data-bs-theme="dark"] #wrapper {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] .content-page {
    background-color: var(--bs-body-bg) !important;
}

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

/* Контейнеры Bootstrap */
[data-bs-theme="dark"] .container,
[data-bs-theme="dark"] .container-fluid,
[data-bs-theme="dark"] .container-sm,
[data-bs-theme="dark"] .container-md,
[data-bs-theme="dark"] .container-lg,
[data-bs-theme="dark"] .container-xl,
[data-bs-theme="dark"] .container-xxl {
    background-color: transparent;
}

/* Верхняя панель (Topbar) */
[data-bs-theme="dark"] .topbar-custom {
    background-color: var(--bs-body-bg);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .topbar-custom .topnav-menu .nav-link {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .topbar-custom .form-select {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

/* Боковое меню (Sidebar) - применяем стили темной темы */
/* Используем body для увеличения специфичности и перекрытия стилей из app.css */
/* Поддержка как data-bs-theme="dark" на html, так и data-menu-color="dark" на body */
html[data-bs-theme="dark"] body[data-menu-color="dark"] .app-sidebar-menu,
body[data-bs-theme="dark"] .app-sidebar-menu,
body[data-menu-color="dark"][data-bs-theme="dark"] .app-sidebar-menu {
    background-color: var(--bs-dark-bg-subtle) !important;
    box-shadow: none;
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a {
    color: var(--bs-secondary-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:hover,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:focus,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:active {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a svg {
    fill: rgba(var(--bs-secondary-color-rgb), 0.2);
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu .menu-title {
    color: var(--bs-secondary-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu .menuitem-active > a,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu .menuitem-active .active {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li a,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li a {
    color: var(--bs-secondary-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li a:focus,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li a:hover,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li a:focus,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li a:hover {
    background-color: transparent;
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li.active > a,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li.active > a {
    color: var(--bs-emphasis-color);
}

/* Дополнительные стили для app-sidebar-menu */
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a i {
    color: inherit;
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:hover i,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:focus i,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:active i {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:hover svg,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:focus svg,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:active svg {
    fill: rgba(var(--bs-primary-rgb), 0.1);
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu .menuitem-active > a svg,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu .menuitem-active .active svg {
    fill: rgba(var(--bs-primary-rgb), 0.1);
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu .menuitem-active > a i,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu .menuitem-active .active i {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .menu-arrow {
    color: var(--bs-secondary-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:hover .menu-arrow,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:focus .menu-arrow,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:active .menu-arrow {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .menuitem-active > a .menu-arrow,
body[data-bs-theme="dark"] .app-sidebar-menu .menuitem-active .active .menu-arrow {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .drop-arrow {
    color: var(--bs-secondary-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:hover .drop-arrow,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:focus .drop-arrow,
body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu > ul > li > a:active .drop-arrow {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .menuitem-active > a .drop-arrow,
body[data-bs-theme="dark"] .app-sidebar-menu .menuitem-active .active .drop-arrow {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .drop-arrow i {
    color: inherit;
}

body[data-bs-theme="dark"] .app-sidebar-menu #sidebar-menu .badge {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li a i,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li a i {
    color: inherit;
}

body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li a:focus i,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li a:hover i,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li a:focus i,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li a:hover i {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li.active > a i,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li.active > a i {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li a svg,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li a svg {
    fill: rgba(var(--bs-secondary-color-rgb), 0.2);
}

body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li a:focus svg,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li a:hover svg,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li a:focus svg,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li a:hover svg {
    fill: rgba(var(--bs-primary-rgb), 0.1);
}

body[data-bs-theme="dark"] .app-sidebar-menu .nav-second-level li.active > a svg,
body[data-bs-theme="dark"] .app-sidebar-menu .nav-thrid-level li.active > a svg {
    fill: rgba(var(--bs-primary-rgb), 0.1);
}

/* Condensed режим для sidebar */
body[data-bs-theme="dark"][data-leftbar-size="condensed"] #wrapper .app-sidebar-menu #sidebar-menu > ul > li:hover > a {
    background-color: var(--bs-dark-bg-subtle);
    box-shadow: none;
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"][data-leftbar-size="condensed"] #wrapper .app-sidebar-menu #sidebar-menu > ul > li:hover > a svg {
    fill: rgba(var(--bs-primary-rgb), 0.1);
}

body[data-bs-theme="dark"][data-leftbar-size="condensed"] #wrapper .app-sidebar-menu #sidebar-menu > ul > li:hover > a i {
    color: var(--bs-emphasis-color);
}

body[data-bs-theme="dark"][data-leftbar-size="condensed"] #wrapper .app-sidebar-menu #sidebar-menu .mm-active .active {
    color: var(--bs-primary);
}

body[data-bs-theme="dark"][data-leftbar-size="condensed"] #wrapper .app-sidebar-menu #sidebar-menu .mm-active .active svg {
    fill: rgba(var(--bs-primary-rgb), 0.1);
}

body[data-bs-theme="dark"][data-leftbar-size="condensed"] #wrapper .app-sidebar-menu #sidebar-menu .mm-active .active i {
    color: var(--bs-primary);
}

/* Скрытый sidebar */
body[data-bs-theme="dark"][data-sidebar="hidden"] .app-sidebar-menu {
    width: 0px;
}

/* Адаптивные стили для sidebar */
@media (max-width: 991.98px) {
    body[data-bs-theme="dark"] .app-sidebar-menu {
        z-index: 10 !important;
        background-color: var(--bs-dark-bg-subtle) !important;
    }

    body[data-bs-theme="dark"] .sidebar-enable .app-sidebar-menu {
        display: block;
        background-color: var(--bs-dark-bg-subtle) !important;
    }
}

.logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo-box .logo {
    line-height: normal;
}

[data-bs-theme="dark"] .logo-box .logo-dark {
    display: none;
}

[data-bs-theme="dark"] .logo-box .logo-light {
    display: block;
}

/* Выпадающие меню уведомлений и профиля */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-menu .dropdown-item:focus {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-header {
    color: var(--bs-body-color);
}

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

/* Уведомления */
[data-bs-theme="dark"] .notification-list .noti-title h5 {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .notification-list .notify-item {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .notification-list .notify-item .notify-details {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .notification-list .notify-item .user-msg {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .notification-list .notify-item .noti-mentioned {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .notification-list .notify-item.active {
    background-color: var(--bs-tertiary-bg);
}

/* Профиль пользователя */
[data-bs-theme="dark"] .profile-dropdown .dropdown-item {
    color: var(--bs-body-color);
}

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

[data-bs-theme="dark"] .nav-user .pro-user-name {
    color: var(--bs-body-color);
}

/* Карточки */
[data-bs-theme="dark"] .card {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .card-header {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .card-title {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .card-body {
    color: var(--bs-body-color);
    background-color: transparent;
}

[data-bs-theme="dark"] .card-footer {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

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

[data-bs-theme="dark"] .table > :not(caption) > * > * {
    background-color: transparent;
    border-color: var(--bs-border-color);
}

/* Таблицы с границами - ячейки должны иметь темный фон */
[data-bs-theme="dark"] .table.table-bordered tbody td,
[data-bs-theme="dark"] .table.table-bordered tbody th,
[data-bs-theme="dark"] .table.table-bordered thead td,
[data-bs-theme="dark"] .table.table-bordered thead th {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .table.table-bordered tbody tr:hover td,
[data-bs-theme="dark"] .table.table-bordered tbody tr:hover th {
    background-color: var(--bs-tertiary-bg) !important;
}

/* Исправление для чекбоксов в ячейках таблицы */
.table td .form-check,
.table th .form-check {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    min-height: auto;
}

.table td .form-check-input,
.table th .form-check-input {
    margin: 0;
    flex-shrink: 0;
    position: static;
    float: none;
}

[data-bs-theme="dark"] .table > thead {
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .table > tbody > tr:hover > * {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .events-table tbody tr:hover td {
    background: var(--bs-tertiary-bg);
}

/* Более контрастные цвета текста в таблице мероприятий в тёмной теме */
[data-bs-theme="dark"] #state-saving-datatable tbody td {
    color: rgba(232, 232, 232, 1) !important;
}

[data-bs-theme="dark"] #state-saving-datatable tbody td .event-link {
    color: #ffffff !important;
    text-decoration: underline;
}

[data-bs-theme="dark"] #state-saving-datatable tbody td .event-link:hover,
[data-bs-theme="dark"] #state-saving-datatable tbody td .event-link:focus {
    color: #ffffff !important;
    text-decoration: none;
}

[data-bs-theme="dark"] .table-light {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

/* Формы */
[data-bs-theme="dark"] .form-control {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .form-control:focus {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-primary);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .form-label {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .form-text {
    color: var(--bs-secondary-color);
}

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

/* Editable fields в темной теме */
[data-bs-theme="dark"] .editable-field,
[data-bs-theme="dark"] input.editable-field[type="text"],
[data-bs-theme="dark"] input.editable-field[type="number"],
[data-bs-theme="dark"] input.editable-field[type="date"],
[data-bs-theme="dark"] input.editable-field[type="time"] {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .editable-field:focus,
[data-bs-theme="dark"] input.editable-field[type="text"]:focus,
[data-bs-theme="dark"] input.editable-field[type="number"]:focus,
[data-bs-theme="dark"] input.editable-field[type="date"]:focus,
[data-bs-theme="dark"] input.editable-field[type="time"]:focus {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .editable-field[readonly],
[data-bs-theme="dark"] .editable-field:disabled,
[data-bs-theme="dark"] .editable-field[readonly]:disabled,
[data-bs-theme="dark"] input.editable-field[type="text"][readonly],
[data-bs-theme="dark"] input.editable-field[type="text"]:disabled,
[data-bs-theme="dark"] input.editable-field[type="number"][readonly],
[data-bs-theme="dark"] input.editable-field[type="number"]:disabled,
[data-bs-theme="dark"] input.editable-field[type="date"][readonly],
[data-bs-theme="dark"] input.editable-field[type="date"]:disabled,
[data-bs-theme="dark"] input.editable-field[type="time"][readonly],
[data-bs-theme="dark"] input.editable-field[type="time"]:disabled {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-secondary-color) !important;
    opacity: 1;
}

[data-bs-theme="dark"] .editable-field::placeholder {
    color: var(--bs-secondary-color) !important;
}

/* Editable select в темной теме */
[data-bs-theme="dark"] .editable-select {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .editable-select:focus {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-primary);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .editable-select[readonly],
[data-bs-theme="dark"] .editable-select:disabled,
[data-bs-theme="dark"] .editable-select[readonly]:disabled {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-secondary-color);
    opacity: 1;
}

/* Select2 в темной теме */
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection__choice {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection__choice__remove {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection__placeholder {
    color: var(--bs-secondary-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5.select2-container--focus .select2-selection {
    border-color: var(--bs-primary) !important;
}

[data-bs-theme="dark"] .select2-dropdown {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-results__option {
    color: var(--bs-body-color) !important;
    background-color: transparent;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-results__option[aria-selected="true"] {
    background-color: var(--bs-tertiary-bg) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-results__option--highlighted {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-search__field {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection__arrow {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection__arrow b {
    border-color: var(--bs-body-color) transparent transparent transparent !important;
}

/* Автодополнение */
[data-bs-theme="dark"] .event-form .autocomplete-dropdown {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .event-form .autocomplete-item {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .event-form .autocomplete-item.active,
[data-bs-theme="dark"] .event-form .autocomplete-item:hover {
    background-color: var(--bs-tertiary-bg);
}

[data-bs-theme="dark"] .event-form .autocomplete-empty {
    color: var(--bs-secondary-color);
}

/* Банковские элементы */
[data-bs-theme="dark"] .bank-info {
    background: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .bank-name {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .bank-dropdown {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .bank-dropdown-item {
    border-bottom-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .bank-dropdown-item:hover {
    background: var(--bs-tertiary-bg);
}

[data-bs-theme="dark"] .bank-dropdown-empty {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .bank-dropdown-container .form-label {
    color: var(--bs-body-color);
}

/* Футер */
[data-bs-theme="dark"] .footer {
    background-color: var(--bs-body-bg);
    border-top-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

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

/* Breadcrumb */
[data-bs-theme="dark"] .breadcrumb-item > a {
    color: var(--bs-link-color);
}

[data-bs-theme="dark"] .breadcrumb-item.active {
    color: var(--bs-secondary-color);
}

/* Модальные окна */
[data-bs-theme="dark"] .modal-content {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

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

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

[data-bs-theme="dark"] .modal-title {
    color: var(--bs-body-color);
}

/* Alert */
[data-bs-theme="dark"] .alert {
    border-color: var(--bs-border-color);
}

/* Badge */
[data-bs-theme="dark"] .badge {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Pagination */
[data-bs-theme="dark"] .page-link {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .page-link:hover {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

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

/* Accordion */
[data-bs-theme="dark"] .accordion-button {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .accordion-body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

/* List group */
[data-bs-theme="dark"] .list-group-item {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .list-group-item:hover {
    background-color: var(--bs-tertiary-bg);
}

/* Progress */
[data-bs-theme="dark"] .progress {
    background-color: var(--bs-secondary-bg);
}

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

[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: var(--bs-body-color);
}

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

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

/* Tooltip и Popover */
[data-bs-theme="dark"] .tooltip .tooltip-inner {
    background-color: var(--bs-dark);
    color: var(--bs-light);
}

[data-bs-theme="dark"] .popover {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .popover-header {
    background-color: var(--bs-secondary-bg);
    border-bottom-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .popover-body {
    color: var(--bs-body-color);
}

/* Toast */
[data-bs-theme="dark"] .toast {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

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

[data-bs-theme="dark"] .toast-body {
    color: var(--bs-body-color);
}

/* Offcanvas */
[data-bs-theme="dark"] .offcanvas {
    background-color: var(--bs-body-bg);
}

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

[data-bs-theme="dark"] .offcanvas-title {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .offcanvas-body {
    color: var(--bs-body-color);
}

/* Общие элементы */
[data-bs-theme="dark"] .bg-light {
    background-color: var(--bs-secondary-bg) !important;
}

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

/* Ссылки в уведомлениях */
[data-bs-theme="dark"] .notification-list .notify-item a {
    color: var(--bs-link-color);
}

[data-bs-theme="dark"] .notification-list .notify-item a:hover {
    color: var(--bs-link-hover-color);
}

/* ============================================
   Дополнительные стили темной темы
   ============================================ */

/* Кнопки - обновленные стили для темной темы */
[data-bs-theme="dark"] .btn {
    border-color: var(--bs-border-color);
}

/* Primary кнопки */
[data-bs-theme="dark"] .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5aa8f6;
    --bs-btn-hover-border-color: #5aa8f6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6ab0f7;
    --bs-btn-active-border-color: #6ab0f7;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

/* Secondary кнопки */
[data-bs-theme="dark"] .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9378d3;
    --bs-btn-hover-border-color: #9378d3;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9f85d8;
    --bs-btn-active-border-color: #9f85d8;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

/* Success кнопки */
[data-bs-theme="dark"] .btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #20ad84;
    --bs-btn-hover-border-color: #20ad84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1d9a75;
    --bs-btn-active-border-color: #1d9a75;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success);
}

/* Info кнопки */
[data-bs-theme="dark"] .btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3bb3d9;
    --bs-btn-hover-border-color: #3bb3d9;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #359fc1;
    --bs-btn-active-border-color: #359fc1;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-info);
    --bs-btn-disabled-border-color: var(--bs-info);
}

/* Warning кнопки */
[data-bs-theme="dark"] .btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f4d05e;
    --bs-btn-hover-border-color: #f4d05e;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f6d770;
    --bs-btn-active-border-color: #f6d770;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}

/* Danger кнопки */
[data-bs-theme="dark"] .btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e1716f;
    --bs-btn-hover-border-color: #e1716f;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c86563;
    --bs-btn-active-border-color: #c86563;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger);
}

/* Light кнопки */
[data-bs-theme="dark"] .btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f2f6f9;
    --bs-btn-hover-border-color: #f2f6f9;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f4f8fb;
    --bs-btn-active-border-color: #f4f8fb;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--bs-light);
    --bs-btn-disabled-border-color: var(--bs-light);
}

/* Dark кнопки */
[data-bs-theme="dark"] .btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c6b7a;
    --bs-btn-hover-border-color: #5c6b7a;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6e7b89;
    --bs-btn-active-border-color: #6e7b89;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark);
}

/* Outline Primary кнопки */
[data-bs-theme="dark"] .btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
}

/* Outline Secondary кнопки */
[data-bs-theme="dark"] .btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

/* Outline Success кнопки */
[data-bs-theme="dark"] .btn-outline-success {
    --bs-btn-color: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: var(--bs-success);
    --bs-btn-disabled-color: var(--bs-success);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-success);
}

/* Outline Info кнопки */
[data-bs-theme="dark"] .btn-outline-info {
    --bs-btn-color: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-info);
    --bs-btn-hover-border-color: var(--bs-info);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-info);
    --bs-btn-active-border-color: var(--bs-info);
    --bs-btn-disabled-color: var(--bs-info);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-info);
}

/* Outline Warning кнопки */
[data-bs-theme="dark"] .btn-outline-warning {
    --bs-btn-color: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-warning);
    --bs-btn-hover-border-color: var(--bs-warning);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--bs-warning);
    --bs-btn-active-border-color: var(--bs-warning);
    --bs-btn-disabled-color: var(--bs-warning);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-warning);
}

/* Outline Danger кнопки */
[data-bs-theme="dark"] .btn-outline-danger {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: var(--bs-danger);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger);
    --bs-btn-disabled-color: var(--bs-danger);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-danger);
}

/* Outline Light кнопки */
[data-bs-theme="dark"] .btn-outline-light {
    --bs-btn-color: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-light);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-light);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-light);
}

/* Outline Dark кнопки */
[data-bs-theme="dark"] .btn-outline-dark {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-dark);
}

/* Active состояние для outline кнопок */
[data-bs-theme="dark"] .btn-outline-primary.active,
[data-bs-theme="dark"] .btn-outline-primary:active,
[data-bs-theme="dark"] .btn-outline-secondary.active,
[data-bs-theme="dark"] .btn-outline-secondary:active,
[data-bs-theme="dark"] .btn-outline-success.active,
[data-bs-theme="dark"] .btn-outline-success:active,
[data-bs-theme="dark"] .btn-outline-info.active,
[data-bs-theme="dark"] .btn-outline-info:active,
[data-bs-theme="dark"] .btn-outline-warning.active,
[data-bs-theme="dark"] .btn-outline-warning:active,
[data-bs-theme="dark"] .btn-outline-danger.active,
[data-bs-theme="dark"] .btn-outline-danger:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

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

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

/* Soft кнопки для темной темы */
[data-bs-theme="dark"] .btn-soft-primary {
    background-color: rgba(var(--bs-primary-rgb), 0.15) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.3) !important;
    color: var(--bs-primary) !important;
}

[data-bs-theme="dark"] .btn-soft-primary:hover,
[data-bs-theme="dark"] .btn-soft-primary:focus {
    background-color: rgba(var(--bs-primary-rgb), 0.25) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.4) !important;
    color: var(--bs-primary) !important;
}

[data-bs-theme="dark"] .btn-soft-primary:active {
    background-color: rgba(var(--bs-primary-rgb), 0.3) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.5) !important;
    color: var(--bs-primary) !important;
}

/* Ссылки событий (event-link) в тёмной теме:
   по умолчанию белые с подчеркиванием,
   при наведении — белые без подчеркивания */
[data-bs-theme="dark"] .event-link {
    color: #ffffff;
    text-decoration: underline;
    transition: color 0.15s ease-in-out, text-decoration 0.15s ease-in-out;
    font-weight: 500;
}

[data-bs-theme="dark"] .event-link:hover,
[data-bs-theme="dark"] .event-link:focus {
    color: #ffffff;
    text-decoration: none;
}

[data-bs-theme="dark"] .event-link:active {
    color: #ffffff;
}

/* ============================================
   Стили темной темы для склада (Warehouse)
   ============================================ */

/* Search toolbar */
[data-bs-theme="dark"] .search-toolbar {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

/* Category node - базовые стили */
[data-bs-theme="dark"] .category-node {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .category-node .category-content {
    color: var(--bs-body-color);
    background-color: transparent;
}

/* Category content - hover эффект (более мягкий) */
[data-bs-theme="dark"] .category-node .category-content:hover {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-emphasis-color);
}

[data-bs-theme="dark"] .category-node.hover-effect .category-content {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-emphasis-color);
}

/* Category node - active состояние */
[data-bs-theme="dark"] .category-node.active > .category-content {
    background-color: rgba(var(--bs-primary-rgb), 0.15) !important;
    color: var(--bs-primary) !important;
    font-weight: 500;
}

/* Category name - текст должен быть виден */
[data-bs-theme="dark"] .category-name {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .category-node.active > .category-content .category-name {
    color: var(--bs-primary) !important;
}

/* Category toggle */
[data-bs-theme="dark"] .category-toggle {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .category-toggle:hover {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-emphasis-color);
}

/* Category icon wrapper */
[data-bs-theme="dark"] .category-icon-wrapper {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .category-node.active > .category-content .category-icon-wrapper {
    color: var(--bs-primary);
}

/* Category stats */
[data-bs-theme="dark"] .category-stats {
    color: var(--bs-secondary-color);
}

/* Category total count */
[data-bs-theme="dark"] .category-total-count {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
}

/* Category children border */
[data-bs-theme="dark"] .category-children {
    border-left-color: var(--bs-border-color) !important;
}

/* Touch feedback */
[data-bs-theme="dark"] .category-node.touch-feedback .category-content {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

/* Warehouse sidebar */
[data-bs-theme="dark"] .warehouse-sidebar {
    background-color: var(--bs-body-bg) !important;
    border-right-color: var(--bs-border-color) !important;
}

/* Category tree */
[data-bs-theme="dark"] .category-tree {
    background-color: transparent;
}

/* Category item */
[data-bs-theme="dark"] .category-item {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .category-item:hover {
    background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .category-item.active {
    background-color: rgba(var(--bs-primary-rgb), 0.15) !important;
    color: var(--bs-primary) !important;
}

/* Form Select */
[data-bs-theme="dark"] .form-select {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
    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='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

[data-bs-theme="dark"] .form-select:disabled {
    background-color: var(--bs-tertiary-bg);
    opacity: 1;
}

/* Textarea */
[data-bs-theme="dark"] textarea.form-control {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] textarea.form-control:focus {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-primary);
    color: var(--bs-body-color);
}

/* Form Check (Checkbox и Radio) */
[data-bs-theme="dark"] .form-check-input {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
}

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

[data-bs-theme="dark"] .form-check-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

[data-bs-theme="dark"] .form-check-label {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .form-check-input:disabled ~ .form-check-label,
[data-bs-theme="dark"] .form-check-input[disabled] ~ .form-check-label {
    color: var(--bs-secondary-color);
}

/* Form Range */
[data-bs-theme="dark"] .form-range::-webkit-slider-runnable-track {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .form-range::-webkit-slider-thumb {
    background-color: var(--bs-primary);
}

[data-bs-theme="dark"] .form-range::-moz-range-track {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .form-range::-moz-range-thumb {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

[data-bs-theme="dark"] .form-range:disabled::-webkit-slider-thumb,
[data-bs-theme="dark"] .form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color);
}

/* Form Floating */
[data-bs-theme="dark"] .form-floating > label {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .form-floating > .form-control:focus ~ label,
[data-bs-theme="dark"] .form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .form-floating > :disabled ~ label {
    color: var(--bs-secondary-color);
}

/* Input Group */
[data-bs-theme="dark"] .input-group-text {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .input-group .form-control:focus,
[data-bs-theme="dark"] .input-group .form-select:focus {
    border-color: var(--bs-primary);
}

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

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

/* Spinner */
[data-bs-theme="dark"] .spinner-border {
    border-color: currentColor;
    border-right-color: transparent;
}

[data-bs-theme="dark"] .spinner-grow {
    background-color: currentColor;
}

/* Search Box */
[data-bs-theme="dark"] .search-box .form-control {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .search-box .search-icon {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .search-bar .form-control {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .search-bar span {
    color: var(--bs-secondary-color);
}

/* Password Eye */
[data-bs-theme="dark"] .password-eye {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .show-password .password-eye {
    color: var(--bs-body-color);
}

/* Comment Area */
[data-bs-theme="dark"] .comment-area-box .form-control {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .comment-area-box .comment-area-btn {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

/* Carousel */
[data-bs-theme="dark"] .carousel-control-prev-icon,
[data-bs-theme="dark"] .carousel-control-next-icon {
    filter: invert(1) grayscale(100%);
}

[data-bs-theme="dark"] .carousel-indicators [data-bs-target] {
    background-color: rgba(255, 255, 255, 0.5);
}

[data-bs-theme="dark"] .carousel-indicators .active {
    background-color: #fff;
}

[data-bs-theme="dark"] .carousel-caption {
    color: var(--bs-body-color);
}

/* Code и Pre */
[data-bs-theme="dark"] code {
    color: var(--bs-code-color);
    background-color: var(--bs-secondary-bg);
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
}

[data-bs-theme="dark"] pre {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] pre code {
    background-color: transparent;
    padding: 0;
}

/* KBD */
[data-bs-theme="dark"] kbd {
    background-color: var(--bs-body-color);
    color: var(--bs-body-bg);
}

/* Blockquote */
[data-bs-theme="dark"] .blockquote {
    color: var(--bs-body-color);
    border-left-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .blockquote-footer {
    color: var(--bs-secondary-color);
}

/* Figure */
[data-bs-theme="dark"] .figure-caption {
    color: var(--bs-secondary-color);
}

/* HR */
[data-bs-theme="dark"] hr {
    border-color: var(--bs-border-color);
    opacity: 0.5;
}

/* Mark */
[data-bs-theme="dark"] mark,
[data-bs-theme="dark"] .mark {
    background-color: var(--bs-highlight-bg);
    color: var(--bs-highlight-color);
}

/* Small */
[data-bs-theme="dark"] small,
[data-bs-theme="dark"] .small {
    color: var(--bs-secondary-color);
}

/* Abbr */
[data-bs-theme="dark"] abbr[title] {
    border-bottom-color: var(--bs-border-color);
}

/* Address */
[data-bs-theme="dark"] address {
    color: var(--bs-body-color);
}

/* Caption */
[data-bs-theme="dark"] caption {
    color: var(--bs-secondary-color);
}

/* Page Title */
.page-title-box {
    margin-bottom: 24px;
}

[data-bs-theme="dark"] .page-title {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .page-title-box .page-title {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .page-title-box .breadcrumb {
    color: var(--bs-secondary-color);
}

/* Content Page */
[data-bs-theme="dark"] .content-page {
    background-color: var(--bs-body-bg);
}

/* Icon Tarif */
[data-bs-theme="dark"] .icon-tarif.icon-success {
    color: var(--bs-success);
}

[data-bs-theme="dark"] .icon-tarif.icon-danger {
    color: var(--bs-danger);
}

/* Table специфичные стили */
[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .table-striped-columns > :not(caption) > tr > :nth-child(even) {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .table-active {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

/* Form Validation */
[data-bs-theme="dark"] .form-control.is-valid,
[data-bs-theme="dark"] .form-select.is-valid {
    border-color: var(--bs-form-valid-border-color);
}

[data-bs-theme="dark"] .form-control.is-invalid,
[data-bs-theme="dark"] .form-select.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}

[data-bs-theme="dark"] .valid-feedback {
    color: var(--bs-form-valid-color);
}

[data-bs-theme="dark"] .invalid-feedback {
    color: var(--bs-form-invalid-color);
}

[data-bs-theme="dark"] .valid-tooltip {
    background-color: var(--bs-form-valid-color);
    color: #fff;
}

[data-bs-theme="dark"] .invalid-tooltip {
    background-color: var(--bs-form-invalid-color);
    color: #fff;
}

/* Form Check Input Validation */
[data-bs-theme="dark"] .form-check-input.is-valid {
    border-color: var(--bs-form-valid-border-color);
}

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

[data-bs-theme="dark"] .form-check-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}

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

/* Navbar специфичные стили */
[data-bs-theme="dark"] .navbar .navbar-nav .nav-item .nav-link {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .navbar .navbar-nav .nav-item:hover .nav-link,
[data-bs-theme="dark"] .navbar .navbar-nav .nav-item.active .nav-link {
    color: var(--bs-primary);
}

/* Nav Tabs Custom */
[data-bs-theme="dark"] .nav-tabs-custom {
    border-bottom-color: var(--bs-border-color);
}

/* Custom Accordion */
[data-bs-theme="dark"] .custom-accordion .card {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .custom-accordion .accordion-arrow {
    color: var(--bs-body-color);
}

/* Avatar */
[data-bs-theme="dark"] .avatar-title {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

/* Badge Soft и Outline */
[data-bs-theme="dark"] .badge-soft-primary {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-primary-text-emphasis);
}

[data-bs-theme="dark"] .badge-outline-primary {
    border-color: var(--bs-primary-border-subtle);
    color: var(--bs-primary-text-emphasis);
}

/* Progress специфичные стили */
[data-bs-theme="dark"] .progress-bar-alt-primary {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
}

[data-bs-theme="dark"] .progress-bar-alt-secondary {
    background-color: rgba(var(--bs-secondary-rgb), 0.2);
}

[data-bs-theme="dark"] .progress-bar-alt-success {
    background-color: rgba(var(--bs-success-rgb), 0.2);
}

[data-bs-theme="dark"] .progress-bar-alt-info {
    background-color: rgba(var(--bs-info-rgb), 0.2);
}

[data-bs-theme="dark"] .progress-bar-alt-warning {
    background-color: rgba(var(--bs-warning-rgb), 0.2);
}

[data-bs-theme="dark"] .progress-bar-alt-danger {
    background-color: rgba(var(--bs-danger-rgb), 0.2);
}

/* Timeline */
[data-bs-theme="dark"] .timeline-page:after {
    background-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .timeline-page .timeline-section .title {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .timeline-page .timeline-section .timeline-subtitle {
    color: var(--bs-secondary-color);
}

/* Pricing Box */
[data-bs-theme="dark"] .pricing-box .plan-title {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .pricing-box .plan-subtitle {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .pricing-box .plan-stats li {
    color: var(--bs-body-color);
}

/* FAQ */
[data-bs-theme="dark"] .f-question {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .f-answer {
    color: var(--bs-secondary-color);
}

/* Gallery */
[data-bs-theme="dark"] .gallery-container.gallery-grid:hover {
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.15);
}

/* Maintenance */
[data-bs-theme="dark"] .maintenance-bg {
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .maintenance-pages {
    color: var(--bs-body-color);
}

/* Coming Box */
[data-bs-theme="dark"] .coming-box {
    color: var(--bs-body-color);
}

/* Account Page */
[data-bs-theme="dark"] .account-page-bg {
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .bg-color {
    background-color: var(--bs-body-bg);
}

/* Header Box */
[data-bs-theme="dark"] .header-box {
    background-color: var(--bs-primary);
}

/* Hero Section */
[data-bs-theme="dark"] .hero-section .caption-box .caption-title {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .hero-section .caption-box .subtitle {
    color: var(--bs-secondary-color);
}

/* Section */
[data-bs-theme="dark"] .section {
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .section-half {
    background-color: var(--bs-secondary-bg);
}

/* Title Heading */
[data-bs-theme="dark"] .title-heading {
    color: var(--bs-body-color);
}

/* Service */
[data-bs-theme="dark"] .service .icon-box {
    background-color: var(--bs-secondary-bg);
}

/* Features */
[data-bs-theme="dark"] .features-key {
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .bg-features {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .bg-gray {
    background-color: var(--bs-secondary-bg);
}

/* Header Section */
[data-bs-theme="dark"] .header-section span {
    color: var(--bs-secondary-color);
}

/* Contact Detail */
[data-bs-theme="dark"] .contact-detail .icon {
    color: var(--bs-primary);
}

/* Footer Section */
[data-bs-theme="dark"] .footer-section .footer-text-style {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .footer-section .social-text li a {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .footer-section .social-text li a:hover {
    color: var(--bs-primary);
}

/* Para Desc */
[data-bs-theme="dark"] .para-desc {
    color: var(--bs-secondary-color);
}

/* Profile */
[data-bs-theme="dark"] .profile-section .profile-item {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .profile-section .profile-item .profile-icon {
    color: var(--bs-primary);
}

/* Inbox Widget */
[data-bs-theme="dark"] .inbox-widget .inbox-item {
    border-bottom-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .inbox-widget .inbox-item .inbox-item-author {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .inbox-widget .inbox-item .inbox-item-text {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] .inbox-widget .inbox-item .inbox-item-date {
    color: var(--bs-secondary-color);
}

/* Conversation List */
[data-bs-theme="dark"] .conversation-list .conversation-text {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .conversation-list .ctext-wrap {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .conversation-list .ctext-wrap p {
    color: var(--bs-body-color);
}

/* Card Table */
[data-bs-theme="dark"] .card-table {
    background-color: var(--bs-body-bg);
}

/* Debit Card */
[data-bs-theme="dark"] .debit-card {
    background-color: var(--bs-secondary-bg);
}

/* Scrollspy */
[data-bs-theme="dark"] .scrollspy-example {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

/* Icon Demo */
[data-bs-theme="dark"] .icon-demo .col-xl-3.col-lg-4.col-sm-6:hover {
    color: var(--bs-primary);
}

[data-bs-theme="dark"] .icon-demo .icon-box {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
}

/* Custom Scroll */
[data-bs-theme="dark"] .custom-scroll {
    background-color: var(--bs-body-bg);
}

/* Widget Box */
[data-bs-theme="dark"] .widget-box .widget-icon {
    background-color: var(--bs-secondary-bg);
}

/* ============================================
   Стили темной темы для формы события (Event Form)
   ============================================ */

/* Hall block */
[data-bs-theme="dark"] .hall-block {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .hall-block:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    border-color: var(--bs-border-color) !important;
}

/* Hall header */
[data-bs-theme="dark"] .hall-header {
    background: transparent !important;
    border-bottom-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

/* Скрываем кнопку hall-collapse-toggle и добавляем стрелку как в аккордеоне */
.hall-collapse-toggle {
    display: none !important;
}

@media (max-width: 768px) {
    .hall-header {
    }

    /* Навбар: ограничить select компании, чтобы правые кнопки не переносились */
    #company-select {
        max-width: 120px;
        font-size: 0.8rem;
        padding: 0.2rem 1.5rem 0.2rem 0.4rem;
    }
}

/* Hall body */
[data-bs-theme="dark"] .hall-body {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color);
}

/* Hall section title */
[data-bs-theme="dark"] .hall-section-title {
    color: var(--bs-body-color) !important;
}

/* Accordion в форме события */
[data-bs-theme="dark"] .accordion .accordion-button {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .accordion .accordion-button:not(.collapsed) {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--bs-body-color) !important;
    box-shadow: inset 0 -1px 0 var(--bs-border-color);
}

[data-bs-theme="dark"] .accordion .accordion-button::after {
    filter: invert(1);
}

[data-bs-theme="dark"] .accordion .accordion-button:not(.collapsed)::after {
    filter: invert(1);
}

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

[data-bs-theme="dark"] .accordion .accordion-item {
    background-color: transparent;
    border-color: var(--bs-border-color);
}

/* Table light header в форме события */
[data-bs-theme="dark"] .hall-staff-section thead.table-light {
    background: var(--bs-tertiary-bg) !important;
}

[data-bs-theme="dark"] .hall-staff-section thead.table-light th {
    color: var(--bs-body-color) !important;
    background: transparent !important;
    border-color: var(--bs-border-color);
}

/* Contact row */
[data-bs-theme="dark"] .contact-row {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

/* Additional staff section */
[data-bs-theme="dark"] .additional-staff-section {
    background-color: rgba(var(--bs-warning-rgb), 0.15) !important;
    border-color: var(--bs-warning) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .additional-staff-section small {
    color: var(--bs-warning-text-emphasis) !important;
}

/* Equipment search results */
[data-bs-theme="dark"] .equipment-search-results {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .equipment-search-results::-webkit-scrollbar-track {
    background: var(--bs-tertiary-bg);
}

[data-bs-theme="dark"] .equipment-search-results::-webkit-scrollbar-thumb {
    background: var(--bs-border-color);
}

[data-bs-theme="dark"] .equipment-search-results::-webkit-scrollbar-thumb:hover {
    background: var(--bs-secondary-color);
}

/* Select2 results group */
[data-bs-theme="dark"] .select2-results__group {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-tertiary-bg) !important;
    border-bottom-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .select2-results__option small {
    color: var(--bs-secondary-color) !important;
}

/* Form group label */
[data-bs-theme="dark"] .form-group label {
    color: var(--bs-body-color);
}

/* Textarea */
[data-bs-theme="dark"] textarea.form-control {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] textarea.form-control:focus {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-primary);
    color: var(--bs-body-color);
}

/* Hall section divider */
[data-bs-theme="dark"] .hall-section-divider {
    border-color: var(--bs-border-color) !important;
}

/* Empty table message */
[data-bs-theme="dark"] .additional-staff-tbody:empty::before {
    color: var(--bs-secondary-color) !important;
}

/* Hall equipment table - темная тема */
[data-bs-theme="dark"] .hall-equipment-table {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .hall-equipment-table tbody tr {
    background-color: transparent;
}

[data-bs-theme="dark"] .hall-equipment-table tbody tr:hover {
    background-color: var(--bs-tertiary-bg) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .hall-equipment-table td {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .hall-equipment-table thead {
    background: var(--bs-tertiary-bg) !important;
}

[data-bs-theme="dark"] .hall-equipment-table th {
    background-color: var(--bs-tertiary-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .hall-equipment-table tfoot {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .hall-equipment-table tfoot td {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .hall-equipment-table tbody tr:nth-child(even) {
    background-color: var(--bs-tertiary-bg) !important;
}

[data-bs-theme="dark"] .hall-equipment-table tbody tr:nth-child(even):hover {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

[data-bs-theme="dark"] .hall-equipment-table .form-control,
[data-bs-theme="dark"] .hall-equipment-table .form-select {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .hall-equipment-table .form-control:focus,
[data-bs-theme="dark"] .hall-equipment-table .form-select:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Стили для карточек оборудования в темной теме */
[data-bs-theme="dark"] .hall-equipment-cards {
    background-color: transparent;
}

[data-bs-theme="dark"] .hall-equipment-card {
    background-color: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .hall-equipment-card:hover {
    background-color: var(--bs-tertiary-bg) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .hall-equipment-card .card-header {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .hall-equipment-card .card-header .form-control {
    background-color: transparent;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .hall-equipment-card .card-header .form-control:focus {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-body-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

[data-bs-theme="dark"] .hall-equipment-card .card-body {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .hall-equipment-card .card-footer {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .hall-equipment-card .form-control,
[data-bs-theme="dark"] .hall-equipment-card .form-select {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .hall-equipment-card .form-control:focus,
[data-bs-theme="dark"] .hall-equipment-card .form-select:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

[data-bs-theme="dark"] .hall-equipment-card .input-group-text {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

/* Карточки комплектов в темной теме */
[data-bs-theme="dark"] .hall-equipment-card.kit-card {
    background-color: rgba(255, 193, 7, 0.1) !important;
    border-left-color: #ffc107;
}

[data-bs-theme="dark"] .hall-equipment-card.kit-card:hover {
    background-color: rgba(255, 193, 7, 0.15) !important;
}

[data-bs-theme="dark"] .hall-equipment-card.kit-card .card-header {
    background-color: rgba(255, 193, 7, 0.1) !important;
}

[data-bs-theme="dark"] .hall-equipment-card.kit-card .card-footer {
    background-color: rgba(255, 193, 7, 0.1) !important;
}

/* Вложенные карточки элементов комплекта в темной теме */
[data-bs-theme="dark"] .hall-equipment-card.kit-item-card {
    background-color: var(--bs-tertiary-bg) !important;
    border-left-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .hall-equipment-card.kit-item-card:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

/* Иконка раскрытия комплекта в темной теме */
[data-bs-theme="dark"] .kit-toggle-icon {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .kit-toggle-icon:hover {
    color: var(--bs-primary);
}

.hall-items-total-card .card {
    margin-bottom: 0;
}

/* Итоговая карточка в темной теме */
[data-bs-theme="dark"] .hall-items-total-card .card {
    background: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .hall-items-total-card .card-body {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .hall-items-total-card .hall-items-total {
    color: var(--bs-body-color) !important;
}

/* Пустое состояние в темной теме */
[data-bs-theme="dark"] .hall-equipment-card.empty-state-card {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .hall-equipment-card.empty-state-card .card-body {
    color: var(--bs-secondary-color);
}

/* Таблица персонала - применяем те же стили что и для hall-equipment-table */
[data-bs-theme="dark"] .staff-container .form-control,
[data-bs-theme="dark"] .staff-container .form-select {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .staff-container .form-control:focus,
[data-bs-theme="dark"] .staff-container .form-select:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Специфичные поля таблицы персонала */
[data-bs-theme="dark"] .staff-container .staff-select,
[data-bs-theme="dark"] .staff-container .tarif-select,
[data-bs-theme="dark"] .staff-container .call-time,
[data-bs-theme="dark"] .staff-container .shift-price,
[data-bs-theme="dark"] .staff-container .staff-comment {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .staff-container .staff-select:focus,
[data-bs-theme="dark"] .staff-container .tarif-select:focus,
[data-bs-theme="dark"] .staff-container .call-time:focus,
[data-bs-theme="dark"] .staff-container .shift-price:focus,
[data-bs-theme="dark"] .staff-container .staff-comment:focus {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-body-color) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Select2 в таблице персонала - применяем те же стили что и для hall-equipment-table */
[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-selection {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-selection__choice {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-selection__choice__remove {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-selection__placeholder {
    color: var(--bs-secondary-color) !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5.select2-container--focus .select2-selection {
    border-color: var(--bs-primary) !important;
}

[data-bs-theme="dark"] .staff-container .select2-dropdown {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-results__option {
    color: var(--bs-body-color) !important;
    background-color: transparent;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-results__option[aria-selected="true"] {
    background-color: var(--bs-tertiary-bg) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-results__option--highlighted {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-search__field {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-selection__arrow {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .staff-container .select2-container--bootstrap-5 .select2-selection__arrow b {
    border-color: var(--bs-body-color) transparent transparent transparent !important;
}

/* Основная форма события - применяем те же стили что и для hall-equipment-table */
[data-bs-theme="dark"] .event-form .form-control,
[data-bs-theme="dark"] .event-form .form-select {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .event-form .form-control:focus,
[data-bs-theme="dark"] .event-form .form-select:focus {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-body-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Select2 в основной форме события */
[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-selection {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-selection__choice {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-selection__choice__remove {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-selection__placeholder {
    color: var(--bs-secondary-color) !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5.select2-container--focus .select2-selection {
    border-color: var(--bs-primary) !important;
}

[data-bs-theme="dark"] .event-form .select2-dropdown {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-results__option {
    color: var(--bs-body-color) !important;
    background-color: transparent;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-results__option[aria-selected="true"] {
    background-color: var(--bs-tertiary-bg) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-results__option--highlighted {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-search__field {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-selection__arrow {
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .event-form .select2-container--bootstrap-5 .select2-selection__arrow b {
    border-color: var(--bs-body-color) transparent transparent transparent !important;
}

/* Input group в основной форме события */
[data-bs-theme="dark"] .event-form .input-group .form-select,
[data-bs-theme="dark"] .event-form .input-group .form-control {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

/* Анимация добавления строки в темной теме - более мягкая */
@keyframes slideInRowDark {
    from {
        opacity: 0;
        transform: translateX(-5px);
        background-color: rgba(var(--bs-primary-rgb), 0.1);
    }
    to {
        opacity: 1;
        transform: translateX(0);
        background-color: transparent;
    }
}

[data-bs-theme="dark"] .staff-container tr,
[data-bs-theme="dark"] .hall-equipment-table tbody tr {
    animation: slideInRowDark 0.3s ease-out;
}

/* Отключаем стандартную анимацию для темной темы */
[data-bs-theme="dark"] .staff-container tr,
[data-bs-theme="dark"] .hall-equipment-table tbody tr {
    animation-name: slideInRowDark;
}

[data-bs-theme="dark"] .hall-equipment-table tr[data-is-kit="true"] {
    background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

[data-bs-theme="dark"] .hall-equipment-table tr[data-is-kit="true"]:hover {
    background-color: rgba(var(--bs-info-rgb), 0.15) !important;
}

[data-bs-theme="dark"] .hall-equipment-table tr.kit-item-row {
    background-color: rgba(var(--bs-info-rgb), 0.05) !important;
}

[data-bs-theme="dark"] .hall-equipment-table tr.kit-item-row:hover {
    background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

[data-bs-theme="dark"] .hall-equipment-table .input-group-text {
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color);
}

/* Поля времени и даты в залах - применяем те же стили что и hall-equipment-table */
[data-bs-theme="dark"] .hall-time-start,
[data-bs-theme="dark"] .hall-time-end,
[data-bs-theme="dark"] .hall-date,
[data-bs-theme="dark"] .venue-input,
[data-bs-theme="dark"] .hall-input {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .hall-time-start:focus,
[data-bs-theme="dark"] .hall-time-end:focus,
[data-bs-theme="dark"] .hall-date:focus,
[data-bs-theme="dark"] .venue-input:focus,
[data-bs-theme="dark"] .hall-input:focus {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-body-color) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Next Prev */
[data-bs-theme="dark"] .next-prev {
    color: var(--bs-body-color);
}

/* Social Item */
[data-bs-theme="dark"] .social-item {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
}

/* Profile BG Picture */
[data-bs-theme="dark"] .profile-bg-picture {
    background-color: var(--bs-secondary-bg);
}

/* Demo Img */
[data-bs-theme="dark"] .demo-img {
    border-color: var(--bs-border-color);
}

/* Apexcharts */
[data-bs-theme="dark"] .apexcharts-title-text {
    fill: var(--bs-body-color);
}

[data-bs-theme="dark"] .apexcharts-legend-text {
    fill: var(--bs-body-color);
}

/* Counter Number */
[data-bs-theme="dark"] .counter-number {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .counter-number span {
    color: var(--bs-primary);
}

/* Auth Button */
[data-bs-theme="dark"] .auth-button a {
    color: var(--bs-body-color);
}

/* Footer Social Icon */
[data-bs-theme="dark"] .footer-section .foot-social-icon li a {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .footer-section .foot-social-icon li a:hover {
    color: var(--bs-primary);
}

/* BG Dark Color */
[data-bs-theme="dark"] .bg-dark-color {
    background-color: var(--bs-body-bg);
}

/* FullCalendar CSS Variables Override - Light Theme */
:root:not([data-bs-theme="dark"]) {
    --fc-button-text-color: #fff;
    --fc-button-bg-color: #4a98f5;
    --fc-button-border-color: #4a98f5;
    --fc-button-hover-bg-color: #4389dd;
    --fc-button-hover-border-color: #4389dd;
    --fc-button-active-bg-color: #4389dd;
    --fc-button-active-border-color: #4389dd;
}

/* FullCalendar Buttons - Light Theme (matching Bootstrap btn-primary) */
:not([data-bs-theme="dark"]) .fc-button,
:not([data-bs-theme="dark"]) .fc-prev-button,
:not([data-bs-theme="dark"]) .fc-next-button,
:not([data-bs-theme="dark"]) .fc-today-button,
:not([data-bs-theme="dark"]) .fc-dayGridMonth-button,
:not([data-bs-theme="dark"]) .fc-dayGridWeek-button,
:not([data-bs-theme="dark"]) .fc-dayGridDay-button,
:not([data-bs-theme="dark"]) .fc .fc-button-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4a98f5;
    --bs-btn-border-color: #4a98f5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4389dd;
    --bs-btn-hover-border-color: #4389dd;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4389dd;
    --bs-btn-active-border-color: #4389dd;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4a98f5;
    --bs-btn-disabled-border-color: #4a98f5;
    --bs-btn-disabled-opacity: 0.65;
    
    color: #fff !important;
    background-color: #4a98f5 !important;
    border-color: #4a98f5 !important;
    border-radius: var(--bs-border-radius-sm);
    padding: var(--bs-btn-padding-y, 0.47rem) var(--bs-btn-padding-x, 0.95rem);
    font-size: var(--bs-btn-font-size, 0.875rem);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

:not([data-bs-theme="dark"]) .fc-button:hover,
:not([data-bs-theme="dark"]) .fc-prev-button:hover,
:not([data-bs-theme="dark"]) .fc-next-button:hover,
:not([data-bs-theme="dark"]) .fc-today-button:hover,
:not([data-bs-theme="dark"]) .fc-dayGridMonth-button:hover,
:not([data-bs-theme="dark"]) .fc-dayGridWeek-button:hover,
:not([data-bs-theme="dark"]) .fc-dayGridDay-button:hover,
:not([data-bs-theme="dark"]) .fc .fc-button-primary:hover {
    color: #fff !important;
    background-color: #4389dd !important;
    border-color: #4389dd !important;
}

:not([data-bs-theme="dark"]) .fc-button:focus,
:not([data-bs-theme="dark"]) .fc-prev-button:focus,
:not([data-bs-theme="dark"]) .fc-next-button:focus,
:not([data-bs-theme="dark"]) .fc-today-button:focus,
:not([data-bs-theme="dark"]) .fc-dayGridMonth-button:focus,
:not([data-bs-theme="dark"]) .fc-dayGridWeek-button:focus,
:not([data-bs-theme="dark"]) .fc-dayGridDay-button:focus,
:not([data-bs-theme="dark"]) .fc .fc-button-primary:focus {
    color: #fff !important;
    background-color: #4389dd !important;
    border-color: #4389dd !important;
    box-shadow: 0 0 0 0.25rem rgba(101, 167, 247, 0.5);
    outline: 0;
}

:not([data-bs-theme="dark"]) .fc-button:active,
:not([data-bs-theme="dark"]) .fc-prev-button:active,
:not([data-bs-theme="dark"]) .fc-next-button:active,
:not([data-bs-theme="dark"]) .fc-today-button:active,
:not([data-bs-theme="dark"]) .fc-dayGridMonth-button:active,
:not([data-bs-theme="dark"]) .fc-dayGridWeek-button:active,
:not([data-bs-theme="dark"]) .fc-dayGridDay-button:active,
:not([data-bs-theme="dark"]) .fc-button.fc-button-active,
:not([data-bs-theme="dark"]) .fc .fc-button-primary:active,
:not([data-bs-theme="dark"]) .fc .fc-button-primary.fc-button-active {
    color: #fff !important;
    background-color: #4389dd !important;
    border-color: #4389dd !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

:not([data-bs-theme="dark"]) .fc-button:disabled,
:not([data-bs-theme="dark"]) .fc-prev-button:disabled,
:not([data-bs-theme="dark"]) .fc-next-button:disabled,
:not([data-bs-theme="dark"]) .fc-today-button:disabled,
:not([data-bs-theme="dark"]) .fc-dayGridMonth-button:disabled,
:not([data-bs-theme="dark"]) .fc-dayGridWeek-button:disabled,
:not([data-bs-theme="dark"]) .fc-dayGridDay-button:disabled,
:not([data-bs-theme="dark"]) .fc .fc-button-primary:disabled {
    color: #fff !important;
    pointer-events: none;
    background-color: #4a98f5 !important;
    border-color: #4a98f5 !important;
    opacity: 0.65;
}

.fc-button .fc-icon {
    color: inherit;
}

/* FullCalendar CSS Variables Override - Dark Theme */
[data-bs-theme="dark"] {
    --fc-button-text-color: #fff;
    --fc-button-bg-color: var(--bs-primary);
    --fc-button-border-color: var(--bs-primary);
    --fc-button-hover-bg-color: #5aa8f6;
    --fc-button-hover-border-color: #5aa8f6;
    --fc-button-active-bg-color: #6ab0f7;
    --fc-button-active-border-color: #6ab0f7;
    --fc-border-color: rgba(255, 255, 255, 0.1);
    --fc-page-bg-color: var(--bs-body-bg);
}

/* FullCalendar Borders - Dark Theme (less bright borders) */
[data-bs-theme="dark"] .fc-theme-standard td,
[data-bs-theme="dark"] .fc-theme-standard th {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .fc-theme-standard .fc-scrollgrid {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .fc-theme-standard .fc-scrollgrid-section > td {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* FullCalendar Sticky Sections - Dark Theme */
[data-bs-theme="dark"] .fc .fc-scrollgrid-section-sticky > * {
    background: var(--bs-body-bg) !important;
}

/* FullCalendar Buttons - Dark Theme (matching Bootstrap btn-primary dark theme) */
[data-bs-theme="dark"] .fc-button,
[data-bs-theme="dark"] .fc-prev-button,
[data-bs-theme="dark"] .fc-next-button,
[data-bs-theme="dark"] .fc-today-button,
[data-bs-theme="dark"] .fc-dayGridMonth-button,
[data-bs-theme="dark"] .fc-dayGridWeek-button,
[data-bs-theme="dark"] .fc-dayGridDay-button,
[data-bs-theme="dark"] .fc .fc-button-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4a98f5;
    --bs-btn-border-color: #4a98f5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5aa8f6;
    --bs-btn-hover-border-color: #5aa8f6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6ab0f7;
    --bs-btn-active-border-color: #6ab0f7;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4a98f5;
    --bs-btn-disabled-border-color: #4a98f5;
    
    color: #fff !important;
    background-color: #4a98f5 !important;
    border-color: #4a98f5 !important;
}

[data-bs-theme="dark"] .fc-button:hover,
[data-bs-theme="dark"] .fc-prev-button:hover,
[data-bs-theme="dark"] .fc-next-button:hover,
[data-bs-theme="dark"] .fc-today-button:hover,
[data-bs-theme="dark"] .fc-dayGridMonth-button:hover,
[data-bs-theme="dark"] .fc-dayGridWeek-button:hover,
[data-bs-theme="dark"] .fc-dayGridDay-button:hover,
[data-bs-theme="dark"] .fc .fc-button-primary:hover {
    color: #fff !important;
    background-color: #5aa8f6 !important;
    border-color: #5aa8f6 !important;
}

[data-bs-theme="dark"] .fc-button:focus,
[data-bs-theme="dark"] .fc-prev-button:focus,
[data-bs-theme="dark"] .fc-next-button:focus,
[data-bs-theme="dark"] .fc-today-button:focus,
[data-bs-theme="dark"] .fc-dayGridMonth-button:focus,
[data-bs-theme="dark"] .fc-dayGridWeek-button:focus,
[data-bs-theme="dark"] .fc-dayGridDay-button:focus,
[data-bs-theme="dark"] .fc .fc-button-primary:focus {
    color: #fff !important;
    background-color: #5aa8f6 !important;
    border-color: #5aa8f6 !important;
    box-shadow: 0 0 0 0.25rem rgba(90, 168, 246, 0.5);
    outline: 0;
}

[data-bs-theme="dark"] .fc-button:active,
[data-bs-theme="dark"] .fc-prev-button:active,
[data-bs-theme="dark"] .fc-next-button:active,
[data-bs-theme="dark"] .fc-today-button:active,
[data-bs-theme="dark"] .fc-dayGridMonth-button:active,
[data-bs-theme="dark"] .fc-dayGridWeek-button:active,
[data-bs-theme="dark"] .fc-dayGridDay-button:active,
[data-bs-theme="dark"] .fc-button.fc-button-active,
[data-bs-theme="dark"] .fc .fc-button-primary:active,
[data-bs-theme="dark"] .fc .fc-button-primary.fc-button-active {
    color: #fff !important;
    background-color: #6ab0f7 !important;
    border-color: #6ab0f7 !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

[data-bs-theme="dark"] .fc-button:disabled,
[data-bs-theme="dark"] .fc-prev-button:disabled,
[data-bs-theme="dark"] .fc-next-button:disabled,
[data-bs-theme="dark"] .fc-today-button:disabled,
[data-bs-theme="dark"] .fc-dayGridMonth-button:disabled,
[data-bs-theme="dark"] .fc-dayGridWeek-button:disabled,
[data-bs-theme="dark"] .fc-dayGridDay-button:disabled,
[data-bs-theme="dark"] .fc .fc-button-primary:disabled {
    color: #fff !important;
    pointer-events: none;
    background-color: #4a98f5 !important;
    border-color: #4a98f5 !important;
    opacity: 0.65;
}

[data-bs-theme="dark"] .fc-button .fc-icon {
    color: inherit;
}

/* Пункт «Пожелания по доработке» прибит к низу сайдбара */
.app-sidebar-menu {
    display: flex;
    flex-direction: column;
}
.app-sidebar-menu .h-100[data-simplebar] {
    flex: 1;
    min-height: 0;
}

#sidebar-wishes {
    flex-shrink: 0;
    padding: 0;
}
#sidebar-wishes a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background: #5a81ed;
    color: #fff !important;
    font-size: 0.875rem;
    white-space: nowrap;
    transition: background 0.15s;
}
#sidebar-wishes a:hover,
#sidebar-wishes a:focus,
#sidebar-wishes a:active {
    background: #6b8ef5;
    color: #fff !important;
    text-decoration: none;
}
#sidebar-wishes a i {
    font-size: 1.1rem;
    margin-right: 8px;
    color: #fff !important;
}
/* Скрытый сайдбар (кнопка-гамбургер на десктопе) */
body[data-sidebar="hidden"] #sidebar-wishes {
    display: none;
}
/* Мобильные: сайдбар скрыт по умолчанию, показывается с .sidebar-enable */
@media (max-width: 991.98px) {
    #sidebar-wishes {
        display: none;
    }
    .sidebar-enable #sidebar-wishes {
        display: block;
    }
}

/* ── Справочный центр ───────────────────────────── */
#sidebar-help {
    flex-shrink: 0;
    padding: 0;
}
#sidebar-help a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background: #3daab5;
    color: #fff !important;
    font-size: 0.875rem;
    white-space: nowrap;
    transition: background 0.15s;
}
#sidebar-help a:hover,
#sidebar-help a:focus,
#sidebar-help a:active {
    background: #4dbbc6;
    color: #fff !important;
    text-decoration: none;
}
#sidebar-help a i {
    font-size: 1.1rem;
    margin-right: 8px;
    color: #fff !important;
}
body[data-sidebar="hidden"] #sidebar-help {
    display: none;
}
@media (max-width: 991.98px) {
    #sidebar-help {
        display: none;
    }
    .sidebar-enable #sidebar-help {
        display: block;
    }
}

/* ── Поддержка в Telegram ───────────────────────── */
#sidebar-support {
    flex-shrink: 0;
    padding: 0;
}
#sidebar-support a {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background: #3d8ac4;
    color: #fff !important;
    font-size: 0.875rem;
    white-space: nowrap;
    transition: background 0.15s;
}
#sidebar-support a:hover,
#sidebar-support a:focus,
#sidebar-support a:active {
    background: #4d99d4;
    color: #fff !important;
    text-decoration: none;
}
#sidebar-support a i {
    font-size: 1.1rem;
    margin-right: 8px;
    color: #fff !important;
}
body[data-sidebar="hidden"] #sidebar-support {
    display: none;
}
@media (max-width: 991.98px) {
    #sidebar-support {
        display: none;
    }
    .sidebar-enable #sidebar-support {
        display: block;
    }
}

/* ── Сборщик (Collector) ────────────────────────── */
.collector-item.is-done { opacity: 0.7; }
.collector-item.is-done .collector-item-name { text-decoration: line-through; }
.collector-group-header { padding: 8px 12px; background: var(--bs-light); border-radius: 6px 6px 0 0; }
.collector-kit.is-done { opacity: 0.7; }
.collector-kit-header { background: var(--bs-light); border-radius: 6px 6px 0 0; }
.collector-sub-item { border-left-color: var(--bs-primary) !important; background: #fafbfc; }

/* ══════════════════════════════════════════════════
   CONDENSED SIDEBAR (desktop icon-only mode)
══════════════════════════════════════════════════ */

/* ── Крупные иконки — оба режима ────────────────
   app.css задаёт i → font-size:1rem / width:16px
   и svg → width:16px / height:16px; перебиваем оба. */
#sidebar-menu > ul > li > a > i {
    font-size: 1.3rem;
    width: 22px;
    height: 22px;
    line-height: 1.3rem;
}
#sidebar-menu > ul > li > a > svg {
    width: 22px !important;
    height: 22px !important;
}

/* ── Condensed state ─────────────────────────── */
body[data-sidebar="condensed"] .app-sidebar-menu {
    width: 70px;
    overflow: visible; /* tooltips выходят за пределы */
}
body[data-sidebar="condensed"] .content-page {
    margin-left: 70px;
}
body[data-sidebar="condensed"] .topbar-custom {
    left: 70px;
}

/* Логотип */
body[data-sidebar="condensed"] .logo-box {
    width: 70px;
}
body[data-sidebar="condensed"] .logo-box .logo-lg {
    display: none !important;
}
body[data-sidebar="condensed"] .logo-box .logo-sm {
    display: block !important;
}

/* Скрыть текст и вспомогательные элементы */
body[data-sidebar="condensed"] #sidebar-menu .menu-title,
body[data-sidebar="condensed"] #sidebar-menu .menu-arrow,
body[data-sidebar="condensed"] #sidebar-menu > ul > li > a > span:not(.badge) {
    display: none;
}
/* Субменю скрыто в condensed */
body[data-sidebar="condensed"] #sidebar-menu .collapse {
    display: none !important;
}

/* Центрировать иконки — padding совпадает с дефолтным (10px) чтобы высота не менялась */
body[data-sidebar="condensed"] #sidebar-menu > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    position: relative;
}
/* Сбрасываем отступ иконок (i и svg) чтобы стояли ровно по центру */
body[data-sidebar="condensed"] #sidebar-menu > ul > li > a > i,
body[data-sidebar="condensed"] #sidebar-menu > ul > li > a > svg {
    margin: 0;
}

/* Бейдж-счётчик в свёрнутом сайдбаре скрыт — счётчик виден только
   в развёрнутом меню, чтобы не висела «точка» поверх иконки. */
body[data-sidebar="condensed"] #sidebar-menu > ul > li > a .badge {
    display: none;
}

/* Подвальные пункты (Справка, Пожелания, Поддержка) */
body[data-sidebar="condensed"] #sidebar-help a,
body[data-sidebar="condensed"] #sidebar-wishes a,
body[data-sidebar="condensed"] #sidebar-support a {
    justify-content: center;
    padding: 12px 0;
}
body[data-sidebar="condensed"] #sidebar-help a span,
body[data-sidebar="condensed"] #sidebar-wishes a span,
body[data-sidebar="condensed"] #sidebar-support a span {
    display: none;
}
body[data-sidebar="condensed"] #sidebar-help a i,
body[data-sidebar="condensed"] #sidebar-wishes a i,
body[data-sidebar="condensed"] #sidebar-support a i {
    margin-right: 0;
}

/* ── Tooltip ─────────────────────────────────── */
.sidebar-tooltip {
    display: none;
    position: fixed;
    transform: translateY(-50%);
    background: #1e293b;
    color: #fff;
    padding: 5px 12px;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 13px;
    z-index: 9999;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.sidebar-tooltip::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-right-color: #1e293b;
}

/* ── Mobile slide-in ─────────────────────────── */
@media (max-width: 1039px) {
    .app-sidebar-menu {
        transform: translateX(-100%);
        transition: transform 0.25s ease;
        width: 260px !important;
        z-index: 1001 !important;
    }
    .sidebar-enable .app-sidebar-menu,
    body[data-sidebar="default"] .app-sidebar-menu {
        transform: translateX(0);
    }
    .content-page,
    .topbar-custom {
        transition: none !important;
    }
}

/* ── Backdrop ────────────────────────────────── */
#sidebar-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;
}
@media (max-width: 1039px) {
    .sidebar-enable #sidebar-backdrop,
    body[data-sidebar="default"] #sidebar-backdrop {
        display: block;
    }
}

/* ── Dark theme adjustments ──────────────────── */
body[data-bs-theme="dark"][data-sidebar="condensed"] .app-sidebar-menu {
    overflow: visible;
}

/* ── Hall warehouse search side panel ──────────── */
#hall-search-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 520px;
    min-width: 320px;
    max-width: 90vw;
    z-index: 1055;
    background: var(--bs-body-bg, #fff);
    border-left: 1px solid var(--bs-border-color, #dee2e6);
    box-shadow: -4px 0 24px rgba(0, 0, 0, .12);
    transform: translateX(110%);
    transition: transform .25s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    flex-direction: column;
}
#hall-search-panel-resize {
    position: absolute;
    top: 0;
    left: -4px;
    width: 8px;
    height: 100%;
    cursor: ew-resize;
    z-index: 2;
    background: transparent;
    transition: background .15s;
}
#hall-search-panel-resize:hover,
#hall-search-panel-resize.dragging {
    background: rgba(var(--bs-primary-rgb, 13,110,253), .18);
}
#hall-search-panel.open {
    transform: translateX(0);
}
.hall-search-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    flex-shrink: 0;
    min-height: 52px;
}
.hall-search-panel-body {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
}
#hall-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 1054;
    background: rgba(0, 0, 0, .35);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility .25s;
}
#hall-search-overlay.open {
    opacity: 1;
    visibility: visible;
}
#hall-search-panel #line-items-search-results {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}
@media (max-width: 575.98px) {
    #hall-search-panel {
        width: 100vw;
    }
}

/* ── Global Search ──────────────────────────────────────────── */
.global-search-wrapper {
    flex: 1 1 500px;
    max-width: 560px;
    margin: 0 24px;
    position: relative;
    align-self: center;
}
.global-search-input-wrapper {
    position: relative;
}
.global-search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: #6c757d;
    pointer-events: none;
    z-index: 1;
}
.global-search-input {
    padding-left: 34px !important;
    padding-right: 34px !important;
    height: 38px;
    border-radius: 6px;
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    background-color: #f8f9fa;
    transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
}
.global-search-input:focus {
    background-color: #fff;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}
.global-search-input::placeholder {
    color: #adb5bd;
    font-size: 0.8rem;
}
.global-search-spinner {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* Dropdown */
.global-search-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 1055;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12);
    max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
}
.global-search-dropdown.show {
    display: block;
}

/* Category headers */
.gs-category-header {
    padding: 8px 12px 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.gs-category-header:not(:first-child) {
    border-top: 1px solid #e9ecef;
    margin-top: 2px;
}
.gs-category-header svg {
    width: 12px;
    height: 12px;
}

/* Result items */
.gs-item {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.1s;
    gap: 10px;
}
.gs-item:hover,
.gs-item.gs-active {
    background-color: #f1f5ff;
    color: inherit;
    text-decoration: none;
}
.gs-item-icon {
    flex-shrink: 0;
    width: 20px;
    text-align: center;
    color: #6c757d;
}
.gs-item-icon svg {
    width: 16px;
    height: 16px;
}
.gs-item-content {
    flex: 1;
    min-width: 0;
}
.gs-item-title {
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gs-item-title mark {
    background-color: #fff3cd;
    padding: 0 1px;
    border-radius: 2px;
    color: inherit;
}
.gs-item-subtitle {
    font-size: 0.75rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* "Show all" link */
.gs-show-all {
    display: block;
    padding: 4px 12px 6px;
    font-size: 0.78rem;
    color: #0d6efd;
    text-decoration: none;
    cursor: pointer;
}
.gs-show-all:hover {
    text-decoration: underline;
    color: #0a58ca;
}

/* Empty state */
.gs-empty {
    padding: 24px 12px;
    text-align: center;
    color: #6c757d;
    font-size: 0.875rem;
}

/* Keyboard shortcut hint */
.gs-hint {
    padding: 6px 12px;
    font-size: 0.7rem;
    color: #adb5bd;
    text-align: center;
    border-top: 1px solid #f0f0f0;
}
.gs-hint kbd {
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 0.65rem;
    color: #495057;
}

/* ── Global Search: «Спросить ИИ» top item ──────────────────── */
.gs-ask-ai {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    margin: 6px 8px 8px 8px;
    background: linear-gradient(90deg, #6f42c1 0%, #4361ee 100%);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: transform .1s, box-shadow .15s;
}
.gs-ask-ai:hover,
.gs-ask-ai.gs-active {
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(111, 66, 193, .25);
    transform: translateY(-1px);
}
.gs-ask-ai-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .15);
    border-radius: 50%;
    font-size: 1.2rem;
    flex-shrink: 0;
}
.gs-ask-ai-body {
    flex: 1;
    min-width: 0;
}
.gs-ask-ai-title {
    font-weight: 600;
    font-size: .9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gs-ask-ai-sub {
    font-size: .72rem;
    opacity: .85;
    margin-top: 2px;
}
.gs-ask-ai-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: .72rem;
    white-space: nowrap;
    flex-shrink: 0;
}
.gs-ask-ai-price {
    background: rgba(255, 255, 255, .2);
    padding: 2px 10px;
    border-radius: 12px;
    font-weight: 600;
}
.gs-ask-ai-balance {
    opacity: .8;
    margin-top: 4px;
}

/* ── Global Search: Dark Theme ──────────────────────────────── */
[data-bs-theme="dark"] .global-search-input {
    background-color: var(--bs-secondary-bg, #2b3035);
    border-color: var(--bs-border-color, #495057);
    color: var(--bs-body-color, #dee2e6);
}
[data-bs-theme="dark"] .global-search-input:focus {
    background-color: var(--bs-body-bg, #212529);
    border-color: #86b7fe;
}
[data-bs-theme="dark"] .global-search-input::placeholder {
    color: #6c757d;
}
[data-bs-theme="dark"] .global-search-icon {
    color: #6c757d;
}
[data-bs-theme="dark"] .global-search-dropdown {
    background-color: #212529;
    border-color: #495057;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35);
}
[data-bs-theme="dark"] .gs-category-header {
    color: #adb5bd;
    border-bottom-color: #343a40;
    border-top-color: #343a40;
}
[data-bs-theme="dark"] .gs-item:hover,
[data-bs-theme="dark"] .gs-item.gs-active {
    background-color: #343a40;
}
[data-bs-theme="dark"] .gs-item-subtitle {
    color: #adb5bd;
}
[data-bs-theme="dark"] .gs-item-title mark {
    background-color: rgba(255, 193, 7, 0.25);
    color: #fff;
}
[data-bs-theme="dark"] .gs-show-all {
    color: #6ea8fe;
}
[data-bs-theme="dark"] .gs-show-all:hover {
    color: #9ec5fe;
}
[data-bs-theme="dark"] .gs-empty {
    color: #6c757d;
}
[data-bs-theme="dark"] .gs-hint {
    border-top-color: #343a40;
    color: #6c757d;
}
[data-bs-theme="dark"] .gs-hint kbd {
    background-color: #343a40;
    border-color: #495057;
    color: #adb5bd;
}

/* ── Help: визуальная маркировка скрытых категорий и черновых статей ── */
.help-category-hidden > .help-category-header,
.help-category-hidden > .help-subcategory-header {
    opacity: 0.65;
    border-left: 3px dashed #ffc107;
    padding-left: 6px;
}
.list-group-item.help-article-draft {
    opacity: 0.7;
    font-style: italic;
}
[data-bs-theme="dark"] .help-category-hidden > .help-category-header,
[data-bs-theme="dark"] .help-category-hidden > .help-subcategory-header {
    border-left-color: #ffca2c;
}