.app-brand-name { max-width: 12rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.app-navigation .menu-horizontal > li > :is(a,button) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  min-height: 2.5rem;
  padding: 0 1rem;
  border-radius: 999px;
  background-image: none;
  box-shadow: none;
}
.app-navigation .menu-horizontal > li > a[aria-current="page"] { background: color-mix(in oklab, var(--color-primary) 9%, var(--color-base-100)); color: var(--color-primary); }
.app-navigation-actions { flex-shrink: 0; }
.app-region-trigger { padding-inline: 0.65rem; border-radius: 999px; }
.app-region-label { max-width: 8.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.75rem; font-weight: 500; }
.app-account-trigger { width: 2.5rem; height: 2.5rem; min-height: 2.5rem; padding: 0; border: 0; background: transparent; box-shadow: none; }
.app-account-trigger .avatar, .app-account-trigger .avatar > span { width: 100%; height: 100%; }
.app-navigation [data-account-menu] .dropdown-content { max-height: calc(100dvh - 6rem); overflow-y: auto; overscroll-behavior: contain; }
.app-share-action { padding-inline: 0.8rem; }
.app-mobile-link { display: flex; align-items: center; gap: 0.85rem; width: 100%; border-radius: 999px; padding: 0.8rem 1rem; text-align: left; font-size: 0.875rem; }
.app-mobile-link:hover { background: var(--color-base-200); }
.app-mobile-link[aria-current="page"] { color: var(--color-primary); background: color-mix(in oklab, var(--color-primary) 9%, var(--color-base-100)); }
.app-mobile-navigation { max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; }
.app-navigation :is(a,button,summary):focus-visible, .app-mobile-navigation :is(a,button,summary):focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
@media (max-width: 639px) {
  .app-navigation .account-login-link { display: none; }
  .app-navigation .navbar { gap: 0.25rem; }
  .app-share-action { width: 2.5rem; padding: 0; }
}

.app-navigation-actions > :is(a,button), .app-navigation [data-drawer-open] { border-radius: 999px; }
.app-navigation [data-account-menu] li > a { border-radius: 999px; }