/* Password recovery shares FlightTime's existing login styling. */
.auth-modal [hidden] { display: none !important; }
.auth-modal.recovery-mode.forgot-mode #auth-form > .register-only:has(#auth-email) { display: block !important; }
.auth-modal { max-height: calc(100dvh - 40px); overflow-y: auto; }
.auth-forgot, .auth-back { padding: 0; border: 0; background: transparent; color: #91edbf; font: inherit; cursor: pointer; }
.auth-forgot { display: block; margin: -2px 0 18px auto; font-size: 13px; }
.auth-back { display: block; margin: 20px auto 0; font-size: 14px; }
.auth-forgot:hover, .auth-back:hover { color: #b0f5d3; text-decoration: underline; }
.auth-forgot:focus-visible, .auth-back:focus-visible { outline: 2px solid #91edbf; outline-offset: 5px; border-radius: 2px; }
.auth-status { color: #cbd3e0; font-size: 13px; line-height: 1.65; margin: 0 0 16px; }
.auth-status:empty { display: none; }
.auth-help { text-align: center; margin: 20px 0 0; color: #a6afbf; font-size: 12px; }
.auth-help a { color: #91edbf; text-decoration: none; }
.auth-help a:hover { text-decoration: underline; }