.data-table {
  border-collapse: collapse;
  width: 100%;
}

.data-table th,
.data-table td {
  border-bottom: 1px solid var(--color-border);
  padding: 0.85rem;
  text-align: right;
}

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

.data-table th {
  background: var(--color-primary-soft-2);
  color: var(--color-text-muted);
  font-size: 0.9rem;
}

.data-table tbody tr:hover {
  background: var(--color-bg-soft);
}
