/* Final login-only refinements: visual layout, no authentication logic. */
#auth-screen.public-landing-screen {
  isolation:isolate;
  overflow:auto;
  background:
    radial-gradient(820px 520px at 8% 100%, rgba(189,145,71,.16), transparent 64%),
    radial-gradient(700px 520px at 92% 4%, rgba(97,157,113,.24), transparent 67%),
    linear-gradient(135deg, #08291d 0%, #123f2d 48%, #0a3022 100%);
}
#auth-screen.public-landing-screen::before,
#auth-screen.public-landing-screen::after {
  content:'';
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
#auth-screen.public-landing-screen::before {
  width:52vmax;
  height:52vmax;
  top:-34vmax;
  left:-18vmax;
  border:1px solid rgba(215,181,106,.16);
  border-radius:50%;
  box-shadow:0 0 0 36px rgba(215,181,106,.035), 0 0 0 94px rgba(111,171,126,.025);
}
#auth-screen.public-landing-screen::after {
  width:38vmax;
  height:38vmax;
  right:-18vmax;
  bottom:-23vmax;
  border:1px solid rgba(183,216,190,.12);
  border-radius:50%;
  box-shadow:0 0 0 46px rgba(183,216,190,.022);
}
#auth-screen.public-landing-screen .auth-card { position:relative; z-index:1; }

/* Keep the real eye button inside the physical left side of the password field. */
#auth-screen .password-toggle-wrap { position:relative; display:block; }
#auth-screen .password-toggle-wrap > input[type="password"],
#auth-screen .password-toggle-wrap > input[type="text"] {
  padding-left:48px !important;
  padding-right:12px !important;
}
#auth-screen .password-toggle-button {
  left:10px !important;
  right:auto !important;
  inset-inline-start:auto !important;
  z-index:2;
  pointer-events:auto;
}

/* The recovery action remains functional, but is cleanly aligned under Login. */
#auth-screen #login-form .forgot-password-link {
  display:flex;
  justify-content:flex-start;
  width:max-content;
  margin-top:10px;
  margin-right:auto !important;
  margin-left:0 !important;
  min-height:30px;
  padding:5px 0;
  font-size:13px;
  font-weight:700;
}
#auth-screen #login-form .forgot-password-link svg { display:none; }
#auth-screen #login-form .organization-signup-link { clear:both; }

/* Make the organization CTA clearly primary without changing its behavior. */
#auth-screen .organization-signup-link {
  min-height:88px !important;
  margin-top:18px !important;
  padding:16px 18px !important;
  gap:16px !important;
}
#auth-screen .organization-signup-icon-wrap {
  flex-basis:58px;
  width:58px;
  height:58px;
  border-radius:17px;
}
#auth-screen .organization-signup-icon { width:36px; height:36px; }
#auth-screen .organization-signup-copy { gap:5px; }
#auth-screen .organization-signup-copy strong { font-size:18px; font-weight:900; }
#auth-screen .organization-signup-copy small { font-size:12px; line-height:1.45; color:rgba(255,255,255,.84); }
#auth-screen .organization-signup-arrow { font-size:28px; }

@media (max-width:700px) {
  #auth-screen.auth-screen {
    align-items:start;
    padding:14px;
    overflow:auto;
    overflow-x:hidden;
  }
  #auth-screen.auth-screen > .auth-card {
    width:100%;
    max-width:430px;
    margin:0 auto;
    padding:20px;
  }
  #auth-screen.public-landing-screen {
    display:block;
    min-height:100dvh;
    padding:14px;
    overflow-x:hidden;
  }
  #auth-screen.public-landing-screen .public-landing-card {
    display:block !important;
    box-sizing:border-box !important;
    width:calc(100vw - 28px) !important;
    max-width:430px !important;
    min-width:0;
    grid-template-columns:none !important;
    margin:0 auto !important;
    padding:18px !important;
  }
  #auth-screen.public-landing-screen .public-login-panel,
  #auth-screen.public-landing-screen #login-form,
  #auth-screen.public-landing-screen .password-toggle-wrap { min-width:0; }
  #auth-screen.public-landing-screen .public-landing-intro { overflow-wrap:anywhere; }
  #auth-screen.public-landing-screen .public-landing-intro,
  #auth-screen.public-landing-screen .public-login-panel { box-sizing:border-box; width:100%; }
  #auth-screen .organization-signup-link { min-height:82px !important; padding:13px 14px !important; }
  #auth-screen .organization-signup-icon-wrap { flex-basis:52px; width:52px; height:52px; border-radius:15px; }
  #auth-screen .organization-signup-icon { width:32px; height:32px; }
  #auth-screen .organization-signup-copy strong { font-size:16px; }
  #auth-screen .organization-signup-copy small { font-size:11px; white-space:normal; }
}