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

.table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.table th, .table td { height: var(--row-compact); padding: 6px var(--space-3); text-align: left; white-space: nowrap; }
.table th {
  position: sticky; top: 0;
  background: var(--surface-muted); color: var(--text-secondary);
  font-size: var(--text-xs); font-weight: 500;
  border-bottom: 1px solid var(--border);
}
.table td { border-bottom: 1px solid var(--border); }
.table tr:last-child td { border-bottom: 0; }
.table tbody tr:hover { background: var(--surface-muted); }
.table .numeric { text-align: right; }

.empty-state { padding: var(--space-8) var(--space-5); text-align: center; color: var(--text-secondary); }
.empty-state h3 { color: var(--text); margin-bottom: var(--space-1); }
.table .table__wrap { white-space: normal; }