/* Shared styling for formHandler.js's spinner and inline result message. */

.raha-form-spinner {
  display: flex; justify-content: center; padding: 10px 0;
}
.raha-form-spinner[hidden] { display: none; }
.raha-form-spinner-ring {
  width: 28px; height: 28px; border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.12); border-top-color: #1a3a5c;
  animation: raha-form-spin 0.8s linear infinite;
}
@keyframes raha-form-spin { to { transform: rotate(360deg); } }

.raha-form-message {
  margin: 8px 0 0; font-size: 14px; line-height: 1.5;
}
.raha-form-message[hidden] { display: none; }
.raha-form-message-ok { color: #1a7a3c; }
.raha-form-message-error { color: #b0362a; }