#passwordRecoveryDialog .login-secondary {
  color:#704324; background:#f2efeb; border:1px solid #ded6cb;
  font:inherit; min-height:44px; padding:10px 14px; border-radius:9px; cursor:pointer;
}
#passwordRecoveryDialog {
  box-sizing:border-box; width:min(460px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #ded8d1;
  border-radius:18px; padding:24px; color:#282827; background:#fff;
  font:16px/1.5 system-ui,sans-serif;
}
#passwordRecoveryDialog::backdrop { background:rgba(20,18,16,.5); }
#passwordRecoveryDialog h2 { font-size:24px; line-height:1.2; margin:0 0 16px; }
#passwordRecoveryDialog label { display:block; margin:16px 0 6px; }
#passwordRecoveryDialog input {
  box-sizing:border-box; width:100%; min-width:0; padding:12px; border:1px solid #bdb7b0;
  border-radius:9px; font:inherit; background:#fff; color:#282827;
}
#passwordRecoveryDialog button {
  box-sizing:border-box; width:100%; margin-top:12px; min-height:44px; padding:12px;
  border:0; border-radius:9px; font:inherit; color:#fff; background:#087e4e; cursor:pointer;
}
#passwordRecoveryDialog button:disabled { opacity:.65; cursor:wait; }
#passwordRecoveryDialog :focus-visible, .login-panel .login-secondary:focus-visible { outline:3px solid #bc7f42; outline-offset:3px; }
#recoveryStatus { overflow-wrap:anywhere; }

/* Compact controls; override the legacy gradient applied to every login button. */
#loginForm .login-password-group { display:grid; gap:6px; min-width:0; }
#loginForm .login-password-field { position:relative; min-width:0; }
#loginForm #passwordInput { box-sizing:border-box; width:100%; padding-right:88px; }
#loginShowPassword, #forgotPasswordButton {
  width:auto; min-width:0; border:0; border-radius:4px; margin:0;
  background:transparent !important; box-shadow:none !important;
  color:#794a2b !important; font-family:inherit; font-size:13px; font-weight:500; line-height:1.2;
  cursor:pointer; text-transform:none; letter-spacing:normal;
}
#loginShowPassword {
  position:absolute; right:4px; top:0; bottom:0; width:80px;
  height:auto; min-height:0; padding:0 6px;
}
#forgotPasswordButton {
  justify-self:end; height:32px; min-height:32px; padding:4px 0;
}
#loginShowPassword:hover, #forgotPasswordButton:hover { color:#442816 !important; text-decoration:underline; }
#loginShowPassword:focus-visible, #forgotPasswordButton:focus-visible {
  outline:2px solid #bc7f42; outline-offset:2px;
}