/**
 * PowerEn commerce modernization — Phase 11.16 recovery busy pilot.
 *
 * Presentation only: MihanPanel remains the sole owner of spinner visibility,
 * submit visibility, disabled labels, validation and the complete recovery flow.
 */

html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-reset-password-form > .mwpl-form-fields > .mwpl-input-item.mwpl-spinner-field > .mwpl-spinner-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 12px;
    background: linear-gradient(135deg, var(--pw-login-accent), var(--pw-login-accent-dark));
    border: 1px solid transparent;
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(8, 127, 159, 0.22);
}

html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-reset-password-form > .mwpl-form-fields > .mwpl-input-item.mwpl-spinner-field > .mwpl-spinner-wrapper > .mwpl-spinner {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border: 3px solid rgba(255, 255, 255, 0.42);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation-duration: 900ms;
    animation-timing-function: linear;
}

@media (prefers-reduced-motion: reduce) {
    html[data-poweren-modern-login="true"] body.mwpl-login-body.mwpl-rtl form.mwpl-form-wrapper.mwpl-reset-password-form > .mwpl-form-fields > .mwpl-input-item.mwpl-spinner-field > .mwpl-spinner-wrapper > .mwpl-spinner {
        animation: none;
    }
}