/* Темная тема для приложения */
.dark-theme {
  --bs-body-bg: #15171E;
  --bs-body-color: #FFFFFF;
  --bs-emphasis-color: #FFFFFF;
  --bs-secondary-color: rgba(255, 255, 255, 0.75);
  --bs-tertiary-color: rgba(255, 255, 255, 0.5);
  --bs-border-color: rgba(255, 255, 255, 0.175);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.175);
  --bs-link-color: #66B2FF;
  --bs-link-hover-color: #99CCFF;
  
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* Навигационная панель в темной теме */
.dark-theme .navbar {
  background-color: #1D3856 !important;
}

.dark-theme .navbar-brand {
  color: #FFFFFF !important;
}

.dark-theme .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
}

.dark-theme .navbar-nav .nav-link:hover {
  color: #66B2FF !important;
}

/* Карточки в темной теме */
.dark-theme .card {
  background-color: #1D3856;
  border-color: rgba(255, 255, 255, 0.175);
  color: #FFFFFF;
}

.dark-theme .card-header {
  background-color: rgba(13, 129, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.175);
}

/* Формы в темной теме */
.dark-theme .form-control {
  background-color: #1D3856;
  border-color: rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
}

.dark-theme .form-control:focus {
  background-color: #1D3856;
  border-color: #66B2FF;
  color: #FFFFFF;
  box-shadow: 0 0 0 0.2rem rgba(102, 178, 255, 0.25);
}

.dark-theme .form-select {
  background-color: #1D3856;
  border-color: rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
}

/* Таблицы в темной теме */
.dark-theme .table {
  color: #FFFFFF;
}

.dark-theme .table-striped > tbody > tr:nth-of-type(odd) > td,
.dark-theme .table-striped > tbody > tr:nth-of-type(odd) > th {
  background-color: rgba(255, 255, 255, 0.05);
}

/* Модальные окна в темной теме */
.dark-theme .modal-content {
  background-color: #1D3856;
  color: #FFFFFF;
}

.dark-theme .modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.175);
}

.dark-theme .modal-footer {
  border-top-color: rgba(255, 255, 255, 0.175);
}

/* Выпадающие меню в темной теме */
.dark-theme .dropdown-menu {
  background-color: #1D3856;
  border-color: rgba(255, 255, 255, 0.175);
}

.dark-theme .dropdown-item {
  color: #FFFFFF;
}

.dark-theme .dropdown-item:hover,
.dark-theme .dropdown-item:focus {
  background-color: rgba(13, 129, 255, 0.2);
  color: #FFFFFF;
}

/* Футер в темной теме */
.dark-theme .footer {
  background-color: #1D3856 !important;
  color: #FFFFFF;
}

/* Переключатель темы */
.theme-toggle {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1050;
  background-color: var(--bs-primary);
  color: white;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.theme-toggle:hover {
  transform: scale(1.1);
  background-color: var(--bs-primary-600);
}

/* НОВЫЙ ПРОСТОЙ КЛАСС ДЛЯ ПРОФИЛЯ */
.profile-desktop-only {
  display: flex !important;
  align-items: center !important;
}

/* СПЕЦИАЛЬНО ДЛЯ DROPDOWN ПРОФИЛЯ */
.navbar .profile-desktop-only.dropdown {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.navbar .profile-desktop-only .nav-link {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
}

/* Скрываем профиль на мобилке */
@media (max-width: 991px) {
  .profile-desktop-only,
  .navbar .profile-desktop-only.dropdown {
    display: none !important;
    visibility: hidden !important;
  }
}

/* Показываем на десктопе */
@media (min-width: 992px) {
  .profile-desktop-only,
  .navbar .profile-desktop-only.dropdown {
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .navbar .profile-desktop-only .nav-link {
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
  }
}

/* Анимация переключения темы */
body {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.card,
.navbar,
.form-control,
.modal-content {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}