/* ============================================
   SubTracker - Data Table
   ============================================ */

.data-table-wrap {
  overflow-x: auto;
}

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

.data-table-th {
  text-align: left;
  padding: 0.65rem 0.85rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom: 2px solid var(--border-color);
  white-space: nowrap;
}

.data-table-th[data-table-sortable] {
  cursor: pointer;
  user-select: none;
}

.data-table-th[data-table-sortable]:hover {
  color: var(--text-primary);
}

.data-table-td {
  padding: 0.65rem 0.85rem;
  border-bottom: 1px solid var(--border-color);
  vertical-align: middle;
}

.data-table-row-clickable {
  cursor: pointer;
  transition: background var(--transition-fast);
}

.data-table-row-clickable:hover {
  background: var(--bg-tertiary);
}