#crm-container .standalone-auth-form {
  height: calc(var(--nook-page-content-height) - 2 * var(--nook-page-content-padding));
}
body:has(.standalone-auth-form) {
  .nook-header {
    display: none;
  }

  .crm-container {
    height: 100vh;
    --crm-container-bg-color: var(--nook-blue-darkest);
  }

  .nook-login-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
  }
  .nook-login-logo svg {
    width: 4rem;
    height: 4rem;
  }
  .nook-login-logo path {
     fill: var(--nook-green);
     stroke: var(--nook-green);
  }
  .nook-login-logo-text {
    font-size: 5rem;
    font-weight: 600;
    color: var(--nook-blue-darkest);
    margin-right: 3rem;
  }
  /* green login button */
  .btn-primary {
    --crm-primary-color: var(--crm-secondary-color);
    --crm-primary-text-color: var(--crm-secondary-text-color);
    --crm-primary-hover-text-color: var(--crm-secondary-hover-text-color);
    --crm-primary-hover-color: var(--crm-secondary-hover-color);
  }
}