.submit-indicator-wrap { display: none; }
.is-submitting .submit-indicator-wrap { display: inline-flex; align-items: center; opacity: 1; }
.is-submitting .submit-idle-label { display: none; }
.submit-submitting-label { display: none; }
.is-submitting .submit-submitting-label { display: inline; }

/* The shared PasswordEntryFields component renders its own DxFormLayout, so on the
   set/reset-password pages it sits between the host's sibling layouts (email / submit
   button). DevExpress gives a uniform 12px gap only WITHIN a single layout, so the seams
   to those siblings would otherwise collapse to 0. Restore the 12px rhythm at the seams by
   spacing the component's layout root; applied to .dxbl-fl (not a wrapper) to avoid
   margin-collapse against DevExpress's internal negative row margin. */
.dxbl-fl.password-entry-fields {
    margin-block: 12px;
}

/* Lock fields on submit without setting the disabled attribute, which would drop values from the POST payload. */
.is-submitting input,
.is-submitting textarea,
.is-submitting select,
.is-submitting .dxbl-edit,
.is-submitting .dxbl-checkbox {
    pointer-events: none;
    opacity: 0.6;
}