/* V167 - safer mobile topbar on the profile/login screen */
@media (max-width: 560px){
  body.cfa360-home .cfa360-topbar{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px 10px !important;
    align-items: center !important;
    overflow: visible !important;
    padding: 10px 12px !important;
  }

  body.cfa360-home .cfa360-institution{
    min-width: 0 !important;
  }

  body.cfa360-home .cfa360-institution img{
    max-width: min(155px, 43vw) !important;
    height: auto !important;
  }

  body.cfa360-home .cfa360-help{
    justify-self: end !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    padding: 9px 12px !important;
  }

  body.cfa360-home .cfa360-profile-switch-top{
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.cfa360-home.cfa360-profile-only .cfa360-profile-switch-top{
    display: none !important;
  }
}