.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.data-table th,
.data-table td {
  padding: 11px 10px;
  border-bottom: 1px solid var(--border);
  text-align: left;
}

.data-table th {
  color: var(--muted);
  font-weight: 600;
}

.data-table tbody tr {
  transition: background 180ms ease;
}

.data-table tbody tr:hover {
  background: color-mix(in srgb, var(--primary-soft) 75%, transparent);
}