/* R168 — deliberately compact: navigation, not another dashboard card. */
.f24-bwn {
  position: sticky;
  top: .6rem;
  z-index: 18;
  display: flex;
  align-items: center;
  gap: .7rem;
  width: min(100%, 920px);
  margin: .7rem 0 1.1rem;
  padding: .45rem .55rem;
  border: 1px solid #e2e8f0;
  border-radius: .9rem;
  background: rgba(255,255,255,.95);
  box-shadow: 0 5px 18px rgba(15,23,42,.08);
  backdrop-filter: blur(10px);
}
.f24-bwn-label { flex: 0 0 auto; padding: 0 .35rem; color: #475569; font-size: .68rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.f24-bwn-list { display: flex; flex: 1 1 auto; align-items: center; gap: .3rem; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.f24-bwn-item { flex: 0 0 auto; border: 0; border-radius: .62rem; padding: .48rem .68rem; background: transparent; color: #475569; font-size: .76rem; font-weight: 750; line-height: 1; cursor: pointer; transition: background-color .16s ease, color .16s ease, box-shadow .16s ease; }
.f24-bwn-item:hover, .f24-bwn-item:focus-visible { outline: none; background: #eef2ff; color: #4338ca; }
.f24-bwn-item.is-active { background: #4f46e5; color: #fff; box-shadow: 0 2px 7px rgba(79,70,229,.28); }
#provider-appointments-heading, #biz-profile-heading, #staff-heading, #services-heading, #schedule-heading { scroll-margin-top: 5rem; }
@media (max-width: 640px) {
  .f24-bwn { top: .35rem; gap: .35rem; margin: .55rem 0 .9rem; padding: .38rem; border-radius: .78rem; }
  .f24-bwn-label { display: none; }
  .f24-bwn-list { gap: .2rem; }
  .f24-bwn-item { padding: .5rem .62rem; font-size: .73rem; }
}