/* Forgot password? panel: reuses .login-wrap/.login-card; only small additions here. */
#forgotWrap .fp-card{max-width:440px}
#forgotWrap .fp-h{font-size:28px;margin:0 0 6px}
#forgotWrap .fp-notice{font-size:12px;margin:0 0 6px}
#forgotWrap .fp-code{font-size:22px!important;letter-spacing:6px;text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace}
#forgotWrap .error{margin:12px 0 0}
#loginError.fp-ok{color:#8fe0b8}
@media(max-width:650px){
  #forgotWrap{padding:10px;align-items:start}
  #forgotWrap .login-card{padding:22px 18px;border-radius:14px}
  #forgotWrap .logo-mark{width:44px;height:44px;font-size:26px;margin-bottom:12px}
  #forgotWrap .fp-h{font-size:24px}
  #forgotWrap .sub{margin-bottom:14px}
  #forgotWrap input{font-size:16px} /* no iOS/Android zoom on focus */
  #forgotWrap .fp-code{font-size:22px!important}
  #forgotWrap .primary.full{padding:14px;font-size:14px}
}