/* MAD Recovery sign-in pages (/app/login, /app/password/*). Loaded after
 * rehab_app_v4.css and store_v2.css and built only on their tokens, so the
 * three themes (blue, light, classic) work with no color written here.
 * Versioned filename: module static files are cached for 7 days. */

.st-form input[type="password"] {
    width: 100%; min-height: 48px; border-radius: 14px; border: 1px solid var(--line-2);
    background: var(--card); color: var(--ink); padding-block: 10px; padding-inline: 14px;
    font: inherit; font-size: 16px; appearance: none; -webkit-appearance: none;
}
.st-form input[type="password"]:focus { outline: 2px solid var(--gold-2); outline-offset: 1px; }
.st-form input[readonly] { opacity: 0.75; }

.ra-page { max-width: 480px; margin-inline: auto; }
.ra-social { margin-block: 8px 4px; }
.ra-provider { display: flex; align-items: center; justify-content: center; gap: 10px; }
.ra-g { width: 20px; height: 20px; flex: none; }
.ra-or { display: flex; align-items: center; gap: 12px; color: var(--ink-3); font-size: 13px; margin-block: 16px 4px; }
.ra-or::before, .ra-or::after { content: ""; flex: 1; height: 1px; background: var(--line-2); }
.ra-forgot { text-align: end; margin-block-start: 10px; font-size: 14px; }
.ra-forgot a, .ra-legal a { color: var(--gold-2); }
.ra-legal { display: flex; justify-content: center; gap: 8px; color: var(--ink-3); font-size: 12px; margin-block: 18px 8px; }