/* Inert wrappers preserve the existing mobile logo and form flow. */
.login-toolbar-brand-image,
.login-welcome-heading {
  display: contents;
}

.login-toolbar-brand-image > source {
  display: none;
}

@media (min-width: 901px) {
  .login:not(.simple):not(.register-page) {
    --login-desktop-header-height: 64px;
    padding-block-start: var(--login-desktop-header-height);
  }

  .login:not(.simple):not(.register-page) .login-toolbar {
    height: var(--login-desktop-header-height);
    min-height: var(--login-desktop-header-height);
    padding-block: 8px;
  }

  .login:not(.simple):not(.register-page) .login-card {
    max-height: calc(100dvh - var(--login-desktop-header-height) - 48px);
  }

  .login:not(.simple):not(.register-page) .login-toolbar-brand-image > .login-toolbar-icon {
    width: auto;
    max-width: 200px;
    height: 32px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  :root[data-theme="blue"] .login:not(.simple):not(.register-page) .login-toolbar-brand-image > .login-toolbar-icon {
    filter: brightness(0) invert(1);
  }

  .login:not(.simple):not(.register-page) .login-welcome-heading {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
  }

  .login:not(.simple):not(.register-page) .login-welcome-heading > .login-card-logo {
    align-self: center;
    flex: 0 0 48px;
  }

  .login:not(.simple):not(.register-page) .login-welcome-heading > h2 {
    margin: 0;
  }

  .login:not(.simple):not(.register-page) .login-card > .muted {
    display: none;
  }

  .login:not(.simple):not(.register-page) .login-support-bar {
    min-height: 56px;
    padding-block: 8px;
    gap: 4px;
  }

  .login:not(.simple):not(.register-page) .login-trust-marks {
    --login-trust-mark-size: 32px;
    gap: 10px;
  }

  .login:not(.simple):not(.register-page) .login-support-logo {
    width: 28px;
    height: 28px;
    object-fit: contain;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
}