/**
 * Fluid Header UI Shell – breadcrumbs row (third strip, app bar only).
 * Include this if you use AppBar.Breadcrumbs and don't already have .sr-header__breadcrumbs
 * (e.g. from fluid-shell or the React styles). Define --sr-header-breadcrumbs-bg and
 * --sr-header-border, --sr-header-muted, --sr-header-backdrop in your theme if needed.
 */

.sr-header__breadcrumbs {
  width: 100%;
  min-height: 32px;
  display: flex;
  align-items: center;
  padding: 4px 24px 10px;
  border-top: 1px solid var(--sr-header-border, rgba(0, 0, 0, 0.08));
  color: var(--sr-header-muted, #666);
  font-size: 0.78rem;
  letter-spacing: 0.02em;
  background: var(--sr-header-breadcrumbs-bg, rgba(0, 0, 0, 0.02));
  -webkit-backdrop-filter: var(--sr-header-backdrop, none);
  backdrop-filter: var(--sr-header-backdrop, none);
}