/* Text-only style for #form-error-message */
#form-error-message {
  display: none; /* hidden until a message is set */
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.3;
}

/* Couleurs des messages */
#form-error-message.is-error { color: #ff4d4f; }
#form-error-message.is-success,
#form-error-message.is-info { color: #ffffff; }

/* Light transition on color (optional, non-decorative) */
#form-error-message {
  transition: color 120ms ease-in-out;
}

/* Min width for the balance checker form */
#pincodeForm {
  min-width: 340px;
}

/* Loading state for the submit button */
#balancecheck-submit917382.is-loading {
  position: relative;
  pointer-events: none;
  opacity: 0.9;
  padding-left: 40px; /* space for spinner */
}

#balancecheck-submit917382.is-loading::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-top-color: #ffffff;
  animation: balancecheck-spin 0.8s linear infinite;
  transform: translateY(-50%);
}

@keyframes balancecheck-spin {
  0% { transform: translateY(-50%) rotate(0deg); }
  100% { transform: translateY(-50%) rotate(360deg); }
}