/* Scoped to the native login/register brand, leaving chat and admin layouts unchanged. */
#raim-auth-v4.auth-v4 { padding-top: 100px; }
#raim-auth-v4 .auth-v4-brand {
  display: flex; align-items: center; justify-content: center; gap: 16px;
  width: 100%; max-width: 410px; min-height: 58px;
  margin: 0 auto 32px; text-align: left;
}
#raim-auth-v4 .auth-v4-logo {
  flex: 0 0 56px; width: 56px; height: 56px; margin: 0;
  overflow: hidden; border-radius: 16px; line-height: 1;
}
#raim-auth-v4 .auth-v4-logo.is-image { background: transparent; box-shadow: none; }
#raim-auth-v4 .auth-v4-logo-image { display: block; width: 100%; height: 100%; object-fit: contain; }
#raim-auth-v4 .auth-v4-brand-copy { min-width: 0; max-width: calc(100% - 72px); }
#raim-auth-v4 .auth-v4-brand strong {
  display: block; margin: 0; font-size: 24px; font-weight: 650; line-height: 1.3;
  letter-spacing: .7px; overflow-wrap: anywhere; word-break: break-word;
}
#raim-auth-v4 .auth-v4-brand p {
  margin: 6px 0 0; font-size: 12px; line-height: 1.55;
  color: #92a0b0; letter-spacing: 1.5px; overflow-wrap: anywhere;
}
@media (max-width: 440px) {
  #raim-auth-v4.auth-v4 { padding-top: 100px; }
  #raim-auth-v4 .auth-v4-brand { gap: 14px; margin-bottom: 32px; }
  #raim-auth-v4 .auth-v4-logo { flex-basis: 54px; width: 54px; height: 54px; }
  #raim-auth-v4 .auth-v4-brand-copy { max-width: calc(100% - 68px); }
  #raim-auth-v4 .auth-v4-brand strong { font-size: 23px; }
}
@media (max-width: 350px) {
  #raim-auth-v4 .auth-v4-brand { gap: 12px; }
  #raim-auth-v4 .auth-v4-brand strong { font-size: 21px; letter-spacing: .4px; }
  #raim-auth-v4 .auth-v4-brand p { letter-spacing: 1px; }
}