@layer components {

/* ── Aegis Breadcrumb (MODEC navbar pattern) ──
 * Horizontal "Home / Profile / Excel" trail at the top of detail pages.
 * Brand-blue links for parents, dark text for current page,
 * neutral "/" separators. */
.ds-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  font-family: var(--font-family-sans);
  font-size: var(--font-size-sm);
  line-height: 1.5;
  padding: var(--space-3) 0;
}
.ds-breadcrumb__link {
  color: var(--color-text-link);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: color 0.12s ease;
}
.ds-breadcrumb__link:hover { color: var(--color-text-link-hover); text-decoration: underline; }
.ds-breadcrumb__link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(63, 91, 255, 0.3);
  border-radius: var(--radius-sm);
}
.ds-breadcrumb__sep {
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-regular);
  user-select: none;
}
.ds-breadcrumb__current {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-medium);
}

} /* end @layer components */