/* IDEAS Inbox · WordPress Login visual layer. Authentication behavior is untouched. */
body.login{
  background:var(--esca-background);
  color:var(--esca-text);
  font-family:var(--esca-font-family);
  -webkit-font-smoothing:antialiased;
}
body.login *{box-sizing:border-box}
body.login #login{width:min(420px,calc(100% - 32px));padding:7vh 0 32px}
body.login #login h1{margin:0 0 22px}
body.login #login h1 a{
  width:min(280px,82vw);
  height:72px;
  margin:0 auto;
  background-image:var(--esca-login-logo);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:none;
}
body.login #loginform,
body.login #lostpasswordform,
body.login #registerform{
  margin-top:0;
  padding:28px;
  border:1px solid var(--esca-border);
  border-radius:var(--esca-radius-card);
  background:var(--esca-surface);
  color:var(--esca-text);
  box-shadow:var(--esca-shadow-raised);
}
body.login label,
body.login .forgetmenot label{color:var(--esca-text);font-size:13px;font-weight:600}
body.login input[type=text],
body.login input[type=password],
body.login input[type=email],
body.login input[type=search],
body.login .input{
  min-height:46px;
  margin-top:6px;
  border:1px solid var(--esca-border);
  border-radius:var(--esca-radius-control);
  background:var(--esca-surface);
  color:var(--esca-text);
  box-shadow:none;
  font-family:var(--esca-font-family);
}
body.login input:focus,
body.login .input:focus{
  border-color:var(--esca-accent);
  outline:none;
  box-shadow:var(--esca-shadow-focus);
}
body.login .wp-core-ui .button-primary,
body.login .button.button-primary{
  min-height:42px;
  padding:0 18px;
  border-color:var(--esca-primary);
  border-radius:var(--esca-radius-control);
  background:var(--esca-primary);
  color:var(--esca-on-primary);
  font-family:var(--esca-font-family);
  font-weight:700;
  box-shadow:none;
  text-shadow:none;
  transition:filter .14s ease,box-shadow .14s ease,transform .14s ease;
}
body.login .wp-core-ui .button-primary:hover,
body.login .button.button-primary:hover{background:var(--esca-primary);border-color:var(--esca-primary);filter:brightness(.96)}
body.login .wp-core-ui .button-primary:focus,
body.login .button.button-primary:focus{box-shadow:var(--esca-shadow-focus);outline:none}
body.login .button.wp-hide-pw{color:var(--esca-primary)}
body.login #nav,
body.login #backtoblog,
body.login .privacy-policy-page-link{color:var(--esca-text-secondary)}
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a{color:var(--esca-text-secondary)}
body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover{color:var(--esca-primary)}
body.login .message,
body.login .notice,
body.login .success{
  border-left-color:var(--esca-accent);
  border-radius:var(--esca-radius-control);
  background:var(--esca-surface);
  color:var(--esca-text);
  box-shadow:var(--esca-shadow-card);
}
body.login #login_error{border-left-color:var(--esca-danger);background:var(--esca-surface);color:var(--esca-text)}
body.login .language-switcher select{
  border-color:var(--esca-border);
  border-radius:var(--esca-radius-control);
  background:var(--esca-surface);
  color:var(--esca-text);
}
@media(max-width:480px){
  body.login #login{width:calc(100% - 24px);padding-top:28px}
  body.login #loginform,body.login #lostpasswordform,body.login #registerform{padding:22px 18px}
  body.login #login h1 a{height:58px;width:min(240px,80vw)}
}
@media(prefers-reduced-motion:reduce){body.login *{transition:none!important;animation:none!important}}