[data-ajax-form] .async-form__status:empty { display: none; }
[data-ajax-form] .async-form__status {
    margin: 0 0 18px;
    padding: 12px 16px;
    border: 1px solid #c7dccc;
    border-radius: 8px;
    color: #245a35;
    background: #f0f8f1;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}
[data-ajax-form] .async-form__status.is-error {
    border-color: #edc7c7;
    color: #9a3030;
    background: #fff6f6;
}
[data-ajax-form] .async-form__error {
    display: block;
    margin-top: 7px;
    color: #a53535;
    font-size: 13px;
    line-height: 1.5;
}
[data-ajax-form] [aria-invalid="true"] { border-color: #bd4b4b; }
[data-ajax-form] [type="submit"].is-loading,
[data-native-busy] [type="submit"].is-loading,
[type="submit"].is-loading[aria-disabled="true"],
.account-photo__actions .is-loading,
.account-dialog__actions .is-loading,
#otpForm .is-loading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: progress;
    opacity: .8;
}
[data-native-busy] [type="submit"].is-loading { pointer-events: none; }
.async-form__spinner {
    display: inline-block;
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    border: 2px solid currentColor;
    border-inline-end-color: transparent;
    border-radius: 50%;
    animation: async-form-spin .75s linear infinite;
}
@keyframes async-form-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .async-form__spinner { animation-duration: 2s; }
}