/* Compact authenticated-app breadcrumb. Intentionally not a card or second navbar. */
.cp-app-breadcrumbs{
  position:relative;
  z-index:8;
  width:100%;
  min-width:0;
  margin:0 0 1.05rem;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.25;
}
.cp-app-breadcrumbs__track{
  display:flex;
  align-items:center;
  gap:.38rem;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.cp-app-breadcrumbs__track::-webkit-scrollbar{display:none}
.cp-app-breadcrumbs__track--mobile{display:none}
.cp-app-breadcrumbs__sep,
.cp-app-breadcrumbs__mobile-dot{
  flex:0 0 auto;
  opacity:.3;
  font-weight:700;
}
.cp-app-breadcrumbs__item{
  min-width:0;
  max-width:min(32vw,260px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  text-decoration:none;
  border-radius:7px;
  padding:.2rem .08rem;
  transition:color .14s ease,background-color .14s ease,opacity .14s ease;
}
a.cp-app-breadcrumbs__item:hover,
a.cp-app-breadcrumbs__item:focus-visible{
  color:var(--text);
  text-decoration:none;
}
a.cp-app-breadcrumbs__item:focus-visible{
  outline:2px solid rgba(255,112,38,.42);
  outline-offset:2px;
}
.cp-app-breadcrumbs__item.is-current{
  color:var(--brand,var(--orange2,#FF5A1F));
  font-weight:780;
  max-width:min(42vw,360px);
}

/* On phones this behaves like context navigation, not a full breadcrumb trail:
   ‹ previous context · current page */
@media(max-width:767.98px){
  .cp-app-breadcrumbs{
    margin-bottom:.72rem;
    font-size:.73rem;
  }
  .cp-app-breadcrumbs__track--desktop{display:none}
  .cp-app-breadcrumbs__track--mobile{
    display:flex;
    gap:.38rem;
    min-height:28px;
  }
  .cp-app-breadcrumbs__back{
    display:inline-flex;
    align-items:center;
    gap:.18rem;
    max-width:46vw;
    color:var(--muted);
    font-weight:680;
  }
  .cp-app-breadcrumbs__back > span{
    font-size:1.14rem;
    line-height:.8;
    margin-top:-1px;
    color:var(--text);
  }
  .cp-app-breadcrumbs__track--mobile .is-current{
    max-width:45vw;
    color:var(--text);
    font-weight:760;
  }
}

@media(max-width:420px){
  .cp-app-breadcrumbs{
    font-size:.71rem;
    margin-bottom:.65rem;
  }
  .cp-app-breadcrumbs__back{max-width:44vw}
  .cp-app-breadcrumbs__track--mobile .is-current{max-width:43vw}
}