/* Partner sign-in help: the code screen copy, the resend countdown, "Still nothing?" and the email hint.
   Partner page only (index.html); same card, colours and fonts as the rest of the sign-in screen in app.css. */
.partner-login-form #code-sent-text .code-sent-email { display: block; margin: 0 0 6px; color: #1e2a6b; font-size: 15px; overflow-wrap: anywhere; }
.partner-login-form .login-secondary { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 40px; margin: 0; padding: 8px 16px; border: 1px solid #0b75d7; border-radius: 8px; background: #fff; color: #0b75d7; font: inherit; font-size: 14px; font-weight: 700; line-height: 1.2; cursor: pointer; }
.partner-login-form .login-secondary:hover:not(:disabled) { background: #eef6fd; }
.partner-login-form .login-secondary:disabled { border-color: #cbd5e1; background: #f8fafc; color: #64748b; opacity: 1; cursor: not-allowed; }
.partner-login-form .login-secondary:focus-visible { outline: 3px solid #2783de55; outline-offset: 2px; }
.partner-login-form .resend-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 10px 0 0; }
.partner-login-form .resend-countdown { color: #475569; font-size: 13px; font-variant-numeric: tabular-nums; }
.partner-login-form .login-callout { margin: 18px 0 0; padding: 14px 16px; border: 1px solid #dbe5f1; border-radius: 12px; background: #f5f8fc; color: #334155; font-size: 13px; line-height: 1.5; }
.partner-login-form .login-callout p { margin: 0; }
.partner-login-form .login-callout strong { color: #1e2a6b; }
.partner-login-form .login-callout a { color: #0b75d7; overflow-wrap: anywhere; }
.partner-login-form .login-callout .login-secondary { margin-top: 12px; }
.partner-login-form .login-callout .notice { margin: 12px 0 0; }
.partner-login-form .hint-toggle-line { margin: 14px 0 0; font-size: 13px; line-height: 1.5; }
.partner-login-form .hint-panel label { margin-top: 12px; }
.partner-login-form .hint-panel input { background: #fff; }
.partner-login-form .hint-panel .login-secondary { margin-top: 12px; }
.partner-login-form .hint-result { margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: #fff; border: 1px solid #dbe5f1; color: #334155; }
.partner-login-form .hint-result.is-found { border-color: #b7dfc8; background: #f0faf4; }
.partner-login-form .hint-result strong { color: #1e2a6b; font-size: 15px; overflow-wrap: anywhere; }
/* Phones: text boxes and dropdowns at 16px, so an iPhone does not zoom the page when a partner taps the email box
   or the Ranking month menu. Partner page only; the laptop layout is unchanged. */
@media (max-width: 640px) {
  body input:not([type="checkbox"]):not([type="radio"]), body select, body textarea { font-size: 16px !important; }
}