/*
 * Small addition on top of assets/css/style.css: the mockups don't define a
 * submit-button loading/disabled state, but the spec requires one while an
 * API request is in flight. Kept separate and minimal per the "no new ad-hoc
 * CSS unless genuinely missing" rule.
 *
 * Note: served from public/css (not resources/css) so this module has no
 * Vite build-step dependency, consistent with the rest of the auth assets
 * (public/js, public/assets) which are also referenced directly via asset().
 */

.lg-btn-main:disabled,
.fp-btn-main:disabled,
.rp-btn-main:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none !important;
}

.auth-btn-spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: auth-spin 0.7s linear infinite;
}

@keyframes auth-spin {
  to {
    transform: rotate(360deg);
  }
}