/*
 * BREADCRUMB — trilha de navegação no topo de telas de detalhe/formulário
 * (ex.: Clientes › Maria Silva). Substitui o back-link simples, situando a
 * página dentro da hierarquia. Links discretos; item atual em cor de texto.
 */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.breadcrumb a {
  color: var(--color-text-muted);
  text-decoration: none;
}

.breadcrumb a:hover {
  color: var(--color-text);
}

.breadcrumb__sep {
  color: var(--color-text-subtle);
}

.breadcrumb__current {
  color: var(--color-text);
}