body.dark-mode {
    background-color: #121212 !important;
    color: #ffffff !important;
}

body.dark-mode .card {
    background-color: #1e1e1e !important;
    color: #fff !important;
	border: 1px solid #555;
}

body.dark-mode .btn {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #555 !important;
}

body.dark-mode .text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #2c2c2c !important;
    color: #fff !important;
    border-color: #444 !important;
}

body.dark-mode .form-control::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
/* Темная тема для модальных окон */
.dark-mode .modal-content {
  background-color: #1e1e2f;
  color: #ffffff;
  border: 1px solid #444;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.dark-mode .modal-header,
.dark-mode .modal-footer {
  border-color: #333;
}

.dark-mode .btn-close {
  filter: invert(1); /* Делает кнопку закрытия светлой */
}

.dark-mode .modal-title {
  color: #fff;
}

.dark-mode .modal-body p {
  color: #ccc;
}
/* --- Темная тема: стили для кнопок при наведении --- */
.dark-mode .btn-primary:hover,
.dark-mode .btn-danger:hover,
.dark-mode .btn-success:hover,
.dark-mode .btn-secondary:hover {
  filter: brightness(1.6); /* Немного осветляет кнопку */
}

.dark-mode .btn-outline-primary:hover,
.dark-mode .btn-outline-danger:hover,
.dark-mode .btn-outline-success:hover,
.dark-mode .btn-outline-secondary:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.dark-mode .btn-close:hover {
  filter: brightness(1.5);
}
.dark-mode .list-group-item {
  background-color: #2b2b2b !important;
  color: #f8f9fa !important;
}

.dark-mode .list-group-item .text-muted,
.dark-mode .text-body-secondary {
  color: #b0b0b0 !important;
}

.dark-mode .text-info,
.dark-mode .text-primary {
  color: #66bfff !important;
}
.dark-mode .table {
  background-color: #1e1e1e !important;
  color: #f1f1f1;
}

.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #2a2a2a !important;
}

.dark-mode .table-hover > tbody > tr:hover {
  background-color: #333333 !important;
}

.dark-mode .table th,
.dark-mode .table td {
  border-color: #444 !important;
  background-color: #1e1e1e !important;
  color: #f1f1f1;
}

.dark-mode .table a {
  color: #66bfff !important;
}

.dark-mode .modal-content {
  background-color: #2c2c2c !important;
  color: #fff;
}

.dark-mode .modal-header.bg-danger {
  background-color: #b02a37 !important;
}
.dark-mode .pagination .page-link {
  background-color: #2c2c2c;
  color: #f8f9fa;
  border-color: #444;
}

.dark-mode .pagination .page-link:hover {
  background-color: #3a3a3a;
  color: #ffffff;
}

.dark-mode .pagination .page-item.disabled .page-link {
  background-color: #2c2c2c;
  color: #888;
  border-color: #444;
}