.table-responsive {
  border-radius: var(--sc-radius-md);
}

.table,
.table-sc {
  --bs-table-bg: transparent;
  --bs-table-color: var(--sc-text);
  --bs-table-border-color: var(--sc-border);
  margin-bottom: 0;
  color: var(--sc-text);
}

.table thead th,
.table-sc thead th {
  background: var(--sc-bg-muted);
  border-bottom-color: var(--sc-border-strong);
  color: var(--sc-text-muted);
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  padding: 0.85rem 0.9rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.table tbody td,
.table-sc tbody td {
  background: transparent;
  border-bottom-color: var(--sc-border);
  color: var(--sc-text);
  padding: 0.85rem 0.9rem;
  vertical-align: middle;
}

.table tbody tr:hover td,
.table-sc tbody tr:hover td {
  background: var(--sc-bg-subtle);
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}