/* === Подсветка предзаказа === */
.preorder-on {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.card.preorder-on {
  border-color: var(--bs-warning-border-subtle) !important;
  box-shadow: 0 0 0 .15rem rgba(255,193,7,.25);
}
.table .preorder-on > * {
  background-color: var(--bs-warning-bg-subtle) !important;
}

/* === Выпадашка приоритета === */
.priority-switch {
  appearance: none;
  background-color: var(--bs-light);
  border: 1px solid var(--bs-border-color);
  padding: .25rem .5rem;
  border-radius: .5rem;
  text-align: center;
}
.priority-switch option {
  font-weight: 600;
}

/* === Тумблеры (закруглённый фон и капсула) === */
.toggle-switch .form-check-input {
  width: 2.6em;
  height: 1.4em;
  background-color: #ccc;
  border-color: #bbb;
  cursor: pointer;
  border-radius: 1em;
  transition: background-color 0.25s ease, border-color 0.25s ease;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
}
.toggle-switch .form-check-input:focus {
  box-shadow: 0 0 0 0.15rem rgba(25, 135, 84, 0.25);
}
.toggle-switch .form-check-input:checked {
  background-color: #28a745;
  border-color: #28a745;
}
.toggle-switch .form-check-input::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin: 0.15em;
  background-color: #fff;
  border-radius: 50%;
  transition: transform 0.25s ease;
  transform: translateX(0);
  box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.toggle-switch .form-check-input:checked::before {
  transform: translateX(1.2em);
}

/* === Элегантный единый стиль страницы Демпинга === */

/* Мягкие тени и скругления */
.card,
.accordion-button,
.form-control,
.form-select,
.table,
.btn {
  border-radius: 0.6rem !important;
}

/* --- Карточки --- */
.card {
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  border: 1px solid #e8e8e8;
}
.card-header {
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
  border-top-left-radius: .6rem !important;
  border-top-right-radius: .6rem !important;
}

/* --- Таблица --- */
.table {
  border-collapse: separate !important;
  border-spacing: 0 6px;
}
.table thead th {
  background-color: #f8f9fa;
  border: none;
}
.table tbody tr {
  background-color: #fff;
  border-radius: .6rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.table tbody tr td:first-child {
  border-top-left-radius: .6rem;
  border-bottom-left-radius: .6rem;
}
.table tbody tr td:last-child {
  border-top-right-radius: .6rem;
  border-bottom-right-radius: .6rem;
}

/* --- Кнопки --- */
.btn {
  border-radius: .6rem !important;
  transition: all .2s ease-in-out;
}
.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* --- Поля ввода --- */
.form-control,
.form-select {
  border-radius: .6rem !important;
  border: 1px solid #d9d9d9;
  transition: box-shadow .2s ease-in-out;
}
.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 .2rem rgba(25, 135, 84, .25);
  border-color: #28a745;
}

/* --- Аккордеоны и алерты --- */
.accordion-item {
  border-radius: .6rem !important;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.accordion-button {
  border-radius: .6rem !important;
  box-shadow: none;
}
.alert {
  border-radius: .6rem !important;
}

/* --- Общий фон и секции --- */
body {
  background-color: #f9fafb;
}
.section-block {
  background-color: #fff;
  border-radius: .8rem;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #eee;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.section-block + .section-block {
  border-top: 3px solid #f1f3f5;
  margin-top: 1.5rem;
  padding-top: 1rem;
}

/* --- Мобильное выравнивание подписи “Активен” --- */
.toggle-switch {
  display: flex;
  align-items: center;
  gap: .25rem;
}
.toggle-switch .form-check-label {
  white-space: nowrap;
  font-size: .85rem;
  margin-left: .25rem;
}
.card-header .d-flex {
  align-items: center !important;
}
.card-header h6 {
  line-height: 1.3;
  margin-bottom: 0;
}

/* === 🌓 ТЁМНАЯ ТЕМА === */
[data-bs-theme="dark"] {
  --bs-body-bg: #121212;
  --bs-body-color: #e4e6eb;
  --bs-card-bg: #1e1f23;
  --bs-border-color: #2b2d31;
  --bs-table-bg: #1e1f23;
  --bs-table-striped-bg: #2a2b2f;
  --bs-table-hover-bg: #33363b;
  --bs-light: #2a2b2f;
  --bs-dark: #f0f0f0;
}

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

[data-bs-theme="dark"] .section-block {
  background-color: var(--bs-card-bg);
  border-color: var(--bs-border-color);
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

[data-bs-theme="dark"] .card {
  background-color: var(--bs-card-bg);
  border-color: var(--bs-border-color);
  box-shadow: 0 1px 4px rgba(0,0,0,0.6);
}

[data-bs-theme="dark"] .card-header {
  background-color: #25262a;
  border-bottom-color: #2d2f33;
}

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

[data-bs-theme="dark"] .accordion-button {
  background-color: #2a2b2f;
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  background-color: #34363a;
}

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

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  background-color: #2a2b2f;
  color: #e4e6eb;
  border-color: #3a3c40;
}
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
  border-color: #50c878;
  box-shadow: 0 0 0 .2rem rgba(80,200,120,.3);
}

[data-bs-theme="dark"] .btn-outline-primary {
  color: #8bc5ff;
  border-color: #8bc5ff;
}
[data-bs-theme="dark"] .btn-outline-primary:hover {
  background-color: #8bc5ff;
  color: #000;
}
[data-bs-theme="dark"] .alert-warning {
  background-color: #4a3f25;
  color: #ffeab6;
  border-color: #6c5d35;
}

/* Тумблеры в тёмной теме */
[data-bs-theme="dark"] .toggle-switch .form-check-input {
  background-color: #555;
  border-color: #666;
}
[data-bs-theme="dark"] .toggle-switch .form-check-input:checked {
  background-color: #50c878;
  border-color: #50c878;
}
[data-bs-theme="dark"] .toggle-switch .form-check-input::before {
  background-color: #eaeaea;
}

/* === Современный NAVBAR (с эффектом стекла и свечением) === */
.navbar-modern {
  backdrop-filter: blur(10px);
  background-color: rgba(20, 20, 20, 0.75) !important;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.navbar-modern .navbar-brand span.text-danger {
  font-weight: 700;
  letter-spacing: 0.5px;
}

.navbar-modern .nav-link {
  transition: color 0.2s ease, transform 0.15s ease;
  color: rgba(255, 255, 255, 0.85) !important;
}
.navbar-modern .nav-link:hover {
  color: #fff !important;
  transform: translateY(-1px);
}

.navbar-modern .btn-outline-light {
  border-color: rgba(255,255,255,0.5);
  color: rgba(255,255,255,0.9);
}
.navbar-modern .btn-outline-light:hover {
  background-color: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.7);
}

/* --- В тёмной теме: чуть светлее фон и мягкий глоу --- */
[data-bs-theme="dark"] .navbar-modern {
  background-color: rgba(30, 30, 30, 0.8) !important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
}

/* --- Светлая тема --- */
[data-bs-theme="light"] .navbar-modern {
  background-color: rgba(30, 30, 30, 0.8) !important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
}

/* === Заголовки таблиц в тёмной теме === */
[data-bs-theme="dark"] .table thead th {
  background-color: #25262a !important;
  color: #e4e6eb !important;
  border-bottom: 1px solid #2d2f33 !important;
}
/* === Цвет строк с colspan (например "Нет товаров") === */
.table td[colspan] {
  background-color: #fff;
  color: #6c757d;
  text-align: center;
  padding: 1rem;
  border-radius: .6rem;
}

/* --- Тёмная тема --- */
[data-bs-theme="dark"] .table td[colspan] {
  background-color: #25262a !important;
  color: #a8adb4 !important;
  border: 1px solid #2d2f33;
}