/* ============================================================
   Таблицы: переопределение --bs-table-* под токены.
   Поддержка sticky thead через .table-sticky.
   ============================================================ */

.table {
  --bs-table-bg: var(--surface);
  --bs-table-color: var(--text);
  --bs-table-border-color: var(--border);
  --bs-table-hover-bg: var(--surface-2);
  --bs-table-hover-color: var(--text);
  margin-bottom: 0;
}

.table > thead {
  background: var(--surface-2);
}
.table > thead th {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  border-bottom: 1px solid var(--border);
  padding: 0.625rem 0.75rem;
}

.table > tbody td {
  padding: 0.75rem;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.table > tbody tr:last-child td { border-bottom: 0; }

.table-hover > tbody > tr:hover > * {
  --bs-table-bg-state: var(--surface-2);
}
.table-hover > tbody > tr[role="button"]:hover { cursor: pointer; }

/* Sticky thead внутри .table-responsive. */
.table-sticky thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--surface-2);
}

/* Таблица внутри карточки — оставляем тот же фон у thead. */
.card .table > thead {
  background: var(--surface-2);
}