/* Submit-progress indicator for static (SSR) account forms.
   submitIndicator.js adds `is-submitting` to a <form data-submit-indicator> on submit;
   these rules swap the button's idle label for the "working" label + spinner and
   soft-lock the inputs. Interactive (InteractiveServer) forms use a C# IsSubmitting
   flag instead and do not rely on this file. */

.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; }

/* 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 {
    pointer-events: none;
    opacity: 0.6;
}

/* Passkey ceremony affordances (PasskeySubmit.razor + passkeySubmit.js).

   While a WebAuthn ceremony runs, the passkey-submit element adds
   `is-passkey-submitting` to its form, revealing the full-screen busy overlay
   PasskeySubmit.razor renders; the JS also disables the form's submit buttons
   so keyboard submits can't slip behind the scrim. The scrim recipe itself
   (geometry, dim level, stacking) comes from the shared .fullscreen-scrim
   class in site.css, carried on the overlay elements — the rules here only
   reveal it for two mutually-exclusive submit paths: the passkey ceremony
   (is-passkey-submitting) and the password submit (is-submitting).

   (Pre-upgrade/no-JS locking of the passkey button is NOT done here: the
   button is server-rendered `disabled` and passkeySubmit.js unlocks it when
   the element upgrades — see PasskeySubmit.razor.) */
.passkey-busy-overlay,
.login-busy-overlay {
    display: none;
}

.is-passkey-submitting .passkey-busy-overlay,
.is-submitting .login-busy-overlay {
    display: flex;
    flex-direction: column;
}

.passkey-busy-label,
.login-busy-label {
    margin-top: 1rem;
    color: #fff;
    font-size: 1.1rem;
}