#changelist table thead th {
  background: var(--surface-base) !important;
  color: var(--color-smoke);
  border-bottom: 1px solid var(--surface-border);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 10px 14px;
}

#changelist table tbody th,
#changelist table tbody td {
  background: var(--surface-base);
  color: var(--color-silver-mist);
  border-bottom: 1px solid var(--surface-border);
  padding: 9px 14px;
}

#changelist table tbody tr:hover td,
#changelist table tbody tr:hover th {
  background: var(--surface-hover);
  color: var(--text-primary);
}

#changelist tbody tr.selected td,
#changelist tbody tr.selected th,
#changelist tbody tr:has(.action-select:checked) td,
#changelist tbody tr:has(.action-select:checked) th {
  background: var(--surface-selected);
  color: var(--text-primary);
}

#content h1 {
  font-size: 1.125rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 14px;
}

#content h2 {
  font-size: var(--text-body-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-smoke);
  margin: -8px 0 16px;
}