/*
 * Client grid sortable headers.
 *
 * Os cabeçalhos da grid de clientes são links clicáveis que preservam os
 * filtros atuais na URL. As classes abaixo aplicam indicadores visuais de
 * direção e estados hover/acessíveis.
 */

.client-grid-sortable {
  vertical-align: middle;
}

.client-grid-sort-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
  color: inherit;
  font-weight: 600;
  white-space: nowrap;
  padding: 0.125rem 0;
  border-bottom: 2px solid transparent;
  transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.client-grid-sort-link:hover,
.client-grid-sort-link:focus-visible {
  text-decoration: none;
  border-bottom-color: currentColor;
  outline: none;
}

.client-grid-sort-link::after {
  font-size: 0.7em;
  line-height: 1;
  opacity: 0.6;
}

.client-grid-sort-inactive::after {
  content: "⇅";
}

.client-grid-sort-asc::after {
  content: "↑";
  opacity: 1;
}

.client-grid-sort-desc::after {
  content: "↓";
  opacity: 1;
}

/* Badges de tipo de pessoa. PF-neutral, PJ-info e PCO-warning já existem no
 * design-tokens-canonical.css. Apenas garantimos consistência visual. */
.client-grid-table .workspace-status-badge {
  font-size: 0.7rem;
  letter-spacing: 0.025em;
}