/* ===========================
   ERP Design System (base)
   =========================== */

:root {
  --erp-accent: #2563eb;        /* яркий синий (акцент) */
  --erp-accent-600: #1e40af;    /* тёмный синий */
  --erp-bg: #f3f4f6;            /* фон рабочих областей */
  --erp-surface: #ffffff;       /* карточки/панели */
  --erp-text: #111827;          /* основной текст */
  --erp-muted: #6b7280;         /* вторичный текст */
  --erp-border: #e5e7eb;        /* границы */
  --erp-sidebar-w: 260px;
  --erp-navbar-h: 56px;
}

/* ===== Базовый масштаб (уменьшаем шрифт) ===== */
html,
body {
  font-size: 0.851rem; /* было 1rem (16px), теперь ~14px */
}

/* ===== Таблицы компактнее ===== */
.table-erp th,
.table-erp td {
  padding: .35rem .5rem;
  font-size: 0.85rem;
}

/* ===== Кнопки компактнее ===== */
.btn,
.btn-erp {
  padding: .35rem .6rem;
  font-size: 0.85rem;
  line-height: 1.2;
}

/* ===== Формы компактнее ===== */
.form-control,
.form-select {
  padding: .35rem .5rem;
  font-size: 0.85rem;
  height: calc(1.5em + .75rem + 2px);
}

/* ===========================
   ERP-лента / кнопки / таблицы
   =========================== */

/* Кнопки ERP-ленты */
.btn-erp {
  --bs-btn-bg: #fff;
  --bs-btn-color: var(--erp-text);
  --bs-btn-border-color: var(--erp-border);
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #dcdfe3;
  --bs-btn-active-bg: #f0f1f3;

  display: flex;
  align-items: center;
  gap: .5rem;
}

.btn-erp span {
  display: inline-block;
}

/* Таблицы ERP */
.table-erp {
  --bs-table-bg: #fff;
  --bs-table-striped-bg: #fafafa;
  border: 1px solid var(--erp-border);
  border-radius: .5rem;
  overflow: hidden;
}

.table-erp thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #f9fafb;
  border-bottom: 1px solid var(--erp-border);
  font-weight: 600;
  color: var(--erp-text);
}

.table-erp tbody tr {
  cursor: default;
}

.table-erp tbody tr:hover {
  background: #eef2ff;
}

.table-erp th,
.table-erp td {
  vertical-align: middle;
}

/* ===========================
   Формы / хлебные крошки / прочее
   =========================== */

.form-label-required::after {
  content: "*";
  color: var(--erp-accent-600);
  margin-left: .25rem;
}

/* Крошки — более спокойный разделитель */
.breadcrumb {
  --bs-breadcrumb-divider: "›";
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  opacity: .5;
}

/* Подвал — только общий вид (layout делает erp-layout.css) */
.erp-footer {
  background: var(--erp-surface);
}