/* Админка: отдельные стили, чтобы она выглядела как часть сайта.
   Идея: не переписывать Flask-Admin, а аккуратно "переодеть" его UI. */

:root {
  --admin-bg: #f8f9fa;         /* как на сайте */
  --admin-panel: #ffffff;
  --admin-panel-2: #f1f3f5;
  --admin-border: rgba(0, 0, 0, 0.10);
  --admin-text: #333333;
  --admin-muted: rgba(51, 51, 51, 0.7);
}

body {
  background: var(--admin-bg) !important;
  color: var(--admin-text);
}

/* Скрываем стандартную верхнюю панель Flask-Admin (обычно не нужна). */
.navbar.navbar-default,
.navbar.navbar-inverse {
  display: none !important;
}

/* Нормальный контейнер и отступы под вашу верстку. */
.admin-shell {
  max-width: 1200px;
  margin: 18px auto 60px;
  padding: 0 16px;
}

/* Хлебные крошки/подзаголовки */
.breadcrumb {
  background: var(--admin-panel) !important;
  border: 1px solid var(--admin-border);
  border-radius: 10px;
  padding: 10px 14px;
}

.breadcrumb > li,
.breadcrumb a {
  color: var(--admin-text) !important;
}

/* Таблицы */
.table {
  background: var(--admin-panel);
  border: 1px solid var(--admin-border);
  border-radius: 12px;
  overflow: hidden;
  color: var(--admin-text);
}

.table > thead > tr > th {
  background: var(--admin-panel-2);
  border-bottom: 1px solid var(--admin-border) !important;
  color: var(--admin-text) !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 12px;
}

.table > tbody > tr > td,
.table > tbody > tr > th {
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  vertical-align: middle;
}

.table > tbody > tr:hover {
  background: rgba(230, 57, 70, 0.06) !important; /* ваш primary */
}

/* Кнопки */
.btn {
  border-radius: 8px !important;
  font-weight: 600;
}

.btn-primary,
.btn-success {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-primary:hover,
.btn-success:hover {
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
}

.btn-danger {
  background: #d62828 !important;
  border-color: #d62828 !important;
}

/* Формы */
.form-control {
  background: var(--admin-panel) !important;
  color: var(--admin-text) !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 10px !important;
}

.form-control:focus {
  border-color: rgba(230, 57, 70, 0.7) !important;
  box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.18) !important;
}

label,
.control-label {
  color: var(--admin-text) !important;
}

.help-block {
  color: var(--admin-muted) !important;
}

/* Плашки уведомлений */
.alert {
  border-radius: 12px !important;
  border: 1px solid var(--admin-border);
}