/* App production login presentation. Authentication uses its existing layout. */
body.rfw-production-login {
    --rfw-story-accent: #b55b20;
    --rfw-brand-fill: #ffb47e;
    --rfw-brand-hover: #ffa560;
    --rfw-brand-ink: #28221d;
    --rfw-dx-primary: var(--rfw-story-accent);
}
body.rfw-production-login[data-rfw-story-tone="dark"] { --rfw-story-accent: #ffb47e; }
/* Shared brand accents for the production login's own actions and controls. */
body.rfw-production-login .rfw-react-login-submit,
body.rfw-production-login #LoginButton,
body.rfw-production-login .modern-show-btn {
    background: var(--rfw-brand-fill) !important;
    color: var(--rfw-brand-ink) !important;
    border-color: var(--rfw-brand-fill) !important;
}
body.rfw-production-login .rfw-react-login-submit:hover:not(:disabled),
body.rfw-production-login #LoginButton:hover,
body.rfw-production-login .modern-show-btn:hover {
    background: var(--rfw-brand-hover) !important;
    border-color: var(--rfw-brand-hover) !important;
}
body.rfw-production-login .rfw-react-login-submit:focus-visible,
body.rfw-production-login #LoginButton:focus-visible,
body.rfw-production-login .modern-show-btn:focus-visible {
    outline: 2px solid var(--rfw-story-accent);
    outline-offset: 3px;
}
body.rfw-production-login .rfw-react-login-field input:focus,
body.rfw-production-login .rfw-react-login-field select:focus,
body.rfw-production-login .modern-input input:focus {
    border-color: var(--rfw-story-accent) !important;
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rfw-brand-fill) 26%, transparent);
}
body.rfw-production-login input[type="checkbox"] { accent-color: var(--rfw-story-accent); }
body.rfw-production-login .rfw-react-login-action,
body.rfw-production-login .modern-link,
body.rfw-production-login .modern-link i,
body.rfw-production-login .input-icon {
    color: var(--rfw-story-accent) !important;
}
body.rfw-production-login .rfw-react-login-action:focus-visible,
body.rfw-production-login .modern-link:focus-visible {
    outline: 2px solid var(--rfw-story-accent);
    outline-offset: 3px;
}
body.rfw-production-login .modern-link::after { background: var(--rfw-story-accent); }
body.rfw-production-login .rfw-external-auth-divider::before,
body.rfw-production-login .rfw-external-auth-divider::after {
    background: color-mix(in srgb, var(--rfw-story-accent) 25%, var(--rfw-dx-border-color, #ddd));
}
body.rfw-production-login .rfw-react-login-field input:-webkit-autofill {
    -webkit-text-fill-color: var(--rfw-dx-text, #333);
    box-shadow: 0 0 0 1000px var(--rfw-dx-input-bg, #fff) inset;
}
body.rfw-production-login .rfw-react-login-field input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px var(--rfw-dx-input-bg, #fff) inset,
                0 0 0 3px color-mix(in srgb, var(--rfw-brand-fill) 26%, transparent);
}

body.rfw-production-login .rfw-production-story h2,
body.rfw-production-login .rfw-react-login-title,
body.rfw-production-login .app-title {
    font-family: inherit;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.15;
    color: var(--rfw-dx-text, #333) !important;
    text-shadow: none;
}