/* Approved wordmarks: preserve proportions and colors on a light surface. */
.platform-logo { display: block; flex: 0 0 auto; max-width: 100%; height: auto; object-fit: contain; }
.platform-logo--horizontal { width: 10rem; }
.platform-logo--vertical { width: 7.5rem; }
.app-welcome-brand { display: flex; justify-content: center; margin: .5rem 0 1.6rem; }
.app-brand:focus-visible { outline: 3px solid var(--app-focus, #97052f); outline-offset: 4px; border-radius: .5rem; }
.app-brand__compact { display: none; }
.app-sidebar .app-brand { align-self: stretch; justify-content: center; width: auto; min-height: 4rem; margin: 0 0 1.2rem; padding: .85rem 1rem; border-radius: .75rem; background: transparent; }
.app-sidebar .app-brand__horizontal { width: 12rem; }
.app-brand--mobile { margin-left: .5rem; padding: .5rem 0; min-height: 2.75rem; }
.app-brand--mobile .platform-logo { width: 6.5rem; }
.app-account-header .app-brand { min-height: 2.75rem; }
.app-mobile-menu__identity { min-width: 0; }
.app-mobile-menu__brand { display: flex; align-items: center; width: fit-content; max-width: 100%; min-height: 2.75rem; margin: 0 0 1rem; padding: .6rem 0; border-radius: .5rem; background: transparent; }
.app-mobile-menu__brand .platform-logo { width: 9rem; }
.policy-brand .platform-logo { width: 10rem; }

@media (min-width: 62rem) {
  html[data-app-sidebar-state="collapsed"] .app-sidebar .app-brand { min-height: 3.5rem; padding: .45rem .2rem; }
  html[data-app-sidebar-state="collapsed"] .app-sidebar .app-brand__horizontal { display: none; }
  html[data-app-sidebar-state="collapsed"] .app-sidebar .app-brand__compact { display: block; width: 2.8rem; }
}

@media (max-width: 359px) {
  .app-account-header .platform-logo--horizontal { width: 7rem; }
  .app-brand--mobile .platform-logo { width: 5.2rem; }
  .app-topbar .app-topbar__divider { display: none; }
}