.login-brand .brand-mark { width: 88px; display: flex; align-items: center; justify-content: center; gap: 9px; }
.login-brand .brand-mark img { width: 30px; height: 30px; }
#appView .brand-small > span { display: flex; justify-content: center; gap: 3px; width: 54px; }
#appView .brand-small > span img { width: 20px; height: 20px; }
@media (min-width: 901px) {
  .login-shell { grid-template-columns: minmax(0,1.35fr) minmax(400px,.85fr); }
  .login-brand { min-width: 0; padding-inline: clamp(28px,4.2vw,88px); container-type: inline-size; }
  .login-shell .login-brand > p.login-intro { max-width: none; white-space: nowrap; font-size: clamp(12px,1.78cqw,16px); line-height: 1.8; }
  .login-features { gap: 9px; }
  .login-features span { font-size: 12px; white-space: nowrap; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .login-shell .login-brand > p.login-intro { white-space: normal; font-size: 13px; }
}