.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
}

.table th,
.table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-subtle);
  text-align: left;
  vertical-align: middle;
}

.table th {
  background: var(--bg-surface-alt);
  color: var(--text-tertiary);
  font-size: var(--text-caption);
  font-weight: 600;
}

.table tbody tr {
  height: 64px;
}

.table tbody tr:hover {
  background: var(--bg-surface-hover);
}

.table tbody tr.is-selected {
  background: var(--bg-selected);
}

.table tbody tr:last-child td {
  border-bottom: 0;
}

.table--compact th,
.table--compact td {
  padding: 8px 12px;
}

.table--compact tbody tr {
  height: 56px;
}