/* Match the app's BrandLockup: red symbol + theme-aware official wordmark. */
.brand-lockup { display: inline-flex; align-items: center; gap: 10px; flex: none; vertical-align: middle; }
.brand-lockup .brand-symbol { display: block; width: 36px; height: 36px; flex: none; }
.brand-lockup .brand-wordmark { display: block; width: 104px; height: auto; filter: var(--logo-filter, none); }
.login > .brand-lockup { margin-bottom: 18px; }
.side-brand .brand-lockup { gap: 6px; }
.side-brand .brand-symbol { width: 28px; height: 28px; }
.side-brand .brand-wordmark { width: 82px; }
@media (max-width: 520px) {
  .login .brand-lockup { gap: 6px; }
  .login .brand-symbol { width: 32px; height: 32px; }
  .login .brand-wordmark { width: 96px; }
}