/* Keep the original controls in the DOM so failed submissions retain all input. */
.form-submission-fields {
    display: flow-root;
}
[data-form-fields][hidden], [data-form-status][hidden] {
    display: none;
}
.form-submission-status {
    margin-bottom: 0;
}
.form-submission-loading {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 28px;
    text-align: center;
}
.form-submission-loading::before {
    content: '';
    width: 40px;
    height: 40px;
    border: 3px solid #e7e7f2;
    border-top-color: #00aeb7;
    border-radius: 50%;
    animation: form-submission-spin 0.8s linear infinite;
}
@keyframes form-submission-spin {
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .form-submission-loading::before { animation: none; }
}