/* Для светлой темы */
[data-bs-theme="light"] body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/buildings-76b9363d.webp");
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -2; /* Убедитесь, что этот слой ниже */
}

[data-bs-theme="light"] body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(233, 236, 239, 0.9); /* Полупрозрачный белый */
  z-index: -1; /* Этот слой поверх фона, но под основным контентом */
}

/* Для темной темы */
[data-bs-theme="dark"] body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/buildings-76b9363d.webp");
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -2;
}

[data-bs-theme="dark"] body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(52, 58, 64, 0.9); /* Полупрозрачный темный цвет */
  z-index: -1;
}

/* Для светлой темы #e9ecef*/
[data-bs-theme="light"] .navbar {
  background-color: #D4D8DB; /* светлый цвет */
}

[data-bs-theme="light"] .navbar-brand {
  color: #344767; /* темный текст для светлой темы */
}

/* Для темной темы */
[data-bs-theme="dark"] .navbar {
  background-color: #343a40; /* темный цвет */
}

[data-bs-theme="dark"] .navbar-brand {
  color: #ffffff; /* светлый текст для темной темы */
}

/* Для светлой темы #e9ecef*/
[data-bs-theme="light"] #sidebar {
  background-color: #D4D8DB;
}
[data-bs-theme="light"] .sidebar .nav-link {
  color: #333;
}

[data-bs-theme="light"] .sidebar .nav-link.active {
  color: #0d6efd;
  background-color: #E4E7E9;
}
[data-bs-theme="light"] .sidebar .nav-link {
  color: #495057;
}

[data-bs-theme="light"] .nav-tabs .nav-link.active {
  border: 1px solid #0a58ca; /* Бордер с четырех сторон */
  border-bottom: none; /* Убираем нижнюю границу */
  /*border-radius: 5px 5px 0 0;  Скругление углов сверху (если нужно) */
  color: #0a58ca; /* Цвет текста активной вкладки */
}
[data-bs-theme="light"] .nav-tabs .nav-link:hover {
  color: #0a58ca; /* Цвет текста активной вкладки */
}
[data-bs-theme="light"] .nav-tabs .nav-link {
  color: rgba(33, 37, 41, 0.75);
  border: none;
  border-bottom: 1px solid #0d6efd; /* Толщина и цвет нижней границы */
}

/* Для темной темы */
[data-bs-theme="dark"] #sidebar {
  background-color: #343A40;
}
[data-bs-theme="dark"] .sidebar .nav-link {
  color: #333;
}
[data-bs-theme="dark"] .sidebar .nav-link.active {
  color: #6ea8fe;
  background-color: #42474D;
}
[data-bs-theme="dark"] .sidebar .nav-link {
  color: #adb5bd;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
  border: 1px solid #adb5bd; /* Бордер с четырех сторон */
  border-bottom: none; /* Убираем нижнюю границу */
  /*border-radius: 5px 5px 0 0;  Скругление углов сверху (если нужно) */
  color: #6ea8fe; /* Цвет текста активной вкладки */
}
[data-bs-theme="dark"] .nav-tabs .nav-link:hover {
  color: #6ea8fe; /* Цвет текста активной вкладки */
}
[data-bs-theme="dark"] .nav-tabs .nav-link {
  color: rgba(222, 226, 230, 0.75);
  border: none;
  border-bottom: 1px solid #adb5bd; /* Толщина и цвет нижней границы */
}

/* Для светлой темы */
[data-bs-theme="light"] .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #D4D8DB;
  border-radius: 0.25rem;
}
[data-bs-theme="light"] .breadcrumb li + li::before {
  content: "/";
  margin: 0 4px;
  color: #343A40; /* или любой другой цвет */
}
/* Для темной темы */
[data-bs-theme="dark"] .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #343A40;
  border-radius: 0.25rem;
}
[data-bs-theme="dark"] .breadcrumb li + li::before {
  content: "/";
  margin: 0 4px;
  color: #DEE2E6; /* или любой другой цвет */
}
/* Для темной темы */
[data-bs-theme="dark"] .content {
  border: 1px solid #495057; /* рамка для визуализации */
}

/* Для светлой темы */
[data-bs-theme="light"] .content {
  border: 1px solid #dee2e6; /* рамка для визуализации */
}
/* Светлая тема */
[data-bs-theme="light"] div.dt-container .dt-input {
  background-color: #ffffff; /* белый фон */
  color: #343A40; /* тёмный текст */
  border-color: #aaa;
}

/* Тёмная тема */
[data-bs-theme="dark"] div.dt-container .dt-input {
  background-color: #343A40; /* тёмный фон */
  color: #f8f9fa; /* светлый текст */
  border-color: #555;
}

/* SLECT2 */
/* Базовые стили для Select2 с поддержкой светлой и тёмной темы */

/* Тёмная тема - фон контейнера множественного выбора */
[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple {
  background-color: #212529; /* тёмный фон */
}
/* Светлая тема - фон контейнера множественного выбора */
[data-bs-theme="light"] .select2-container--default .select2-selection--multiple {
  background-color: #FFFFFF; /* светлый фон */
}

/* Тёмная тема - стиль выбранных элементов (чипсов) */
[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #343A40; /* тёмный фон */
}
/* Светлая тема - стиль выбранных элементов (чипсов) */
[data-bs-theme="light"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #D4D8DB; /* светлый фон */
}

/* Тёмная тема - фон элементов выпадающего списка */
[data-bs-theme="dark"] .select2-results__option {
  background-color: #212529; /* тёмный фон */
}

/* Тёмная тема - стиль для выбранных элементов в выпадающем списке */
[data-bs-theme="dark"] .select2-container--default .select2-results__option--selected {
  background-color: #343A40 !important; /* тёмный фон, немного светлее основного */
  color: #ffffff; /* белый текст */
  border-left: 3px solid #0d6efd; /* синяя полоса слева для Bootstrap */
}

/* Светлая тема - стиль для выбранных элементов в выпадающем списке */
[data-bs-theme="light"] .select2-container--default .select2-results__option--selected {
  background-color: #e9ecef !important; /* светло-серый фон, стиль Bootstrap */
  color: #212529; /* тёмный текст */
  border-left: 3px solid #0d6efd; /* синяя полоса слева для Bootstrap */
}

/* Тёмная тема - стиль при наведении на выбранный элемент */
[data-bs-theme="dark"] .select2-container--default .select2-results__option--selected.select2-results__option--highlighted {
  background-color: #495057 !important; /* более светлый оттенок при наведении */
  color: #ffffff;
  border-left: 3px solid #0d6efd;
}

/* Светлая тема - стиль при наведении на выбранный элемент */
[data-bs-theme="light"] .select2-container--default .select2-results__option--selected.select2-results__option--highlighted {
  background-color: #d3d4d5 !important; /* более тёмный оттенок при наведении */
  color: #212529;
  border-left: 3px solid #0d6efd;
}

/* Тёмная тема - стиль при наведении на обычный элемент */
[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted:not(.select2-results__option--selected) {
  background-color: #495057 !important;
  color: #ffffff;
}

/* Светлая тема - стиль при наведении на обычный элемент */
[data-bs-theme="light"] .select2-container--default .select2-results__option--highlighted:not(.select2-results__option--selected) {
  background-color: #f8f9fa !important;
  color: #212529;
}


/* темная тема - footer */
[data-bs-theme="dark"] .client-footer {
  background-color: #343A40;
}
/* Светлая тема - footer */
[data-bs-theme="light"] .client-footer {
  background-color: #D4D8DB;
}


/* Для светлой темы #e9ecef*/
[data-bs-theme="light"] .client-footer .nav-link {
  color: #333;
}
[data-bs-theme="light"] .client-footer .nav-link.active {
  color: #0d6efd;
  background-color: #E4E7E9;
}
[data-bs-theme="light"] .client-footer .nav-link {
  color: #495057;
}

/* Для темной темы */
[data-bs-theme="dark"] .client-footer .nav-link {
  color: #333;
}
[data-bs-theme="dark"] .client-footer .nav-link.active {
  color: #6ea8fe;
  background-color: #42474D;
}
[data-bs-theme="dark"] .client-footer .nav-link {
  color: #adb5bd;
}