/* Keep signup feedback visible through background renders without changing the form layout. */
[data-signup-progress]:empty { display: none; }
[data-signup-progress] { margin-top: 18px; padding: 20px; border-radius: 16px; background: #f5f3ff; color: #28304b; }
.signup-progress-content { display: flex; align-items: flex-start; gap: 14px; }
.signup-progress-content > div { min-width: 0; }
.signup-progress-content strong { display: block; font-size: 16px; line-height: 1.5; color: #25233b; }
.signup-progress-content p { margin: 6px 0 10px; font-size: 15px; line-height: 1.6; color: #626981; }
.signup-progress-content small { font-size: 13px; line-height: 1.5; color: #626981; }
.signup-progress-spinner { flex: 0 0 auto; width: 24px; height: 24px; color: #6351ef; animation: signup-progress-spin 1.1s linear infinite; }
.signup-submit-btn[disabled][aria-busy="true"] { opacity: 1; cursor: wait; }
.signup-submit-btn .signup-progress-spinner { width: 20px; height: 20px; color: currentColor; }
[data-signup-form][aria-busy="true"] input:disabled { opacity: .8; cursor: wait; }
@keyframes signup-progress-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .signup-progress-spinner { animation: none; } }
:root[data-theme="dark"] [data-signup-progress] { background: #24213d; color: #e8e6f5; }
:root[data-theme="dark"] .signup-progress-content strong { color: #f2f0ff; }
:root[data-theme="dark"] .signup-progress-content p,
:root[data-theme="dark"] .signup-progress-content small { color: #c5c2d9; }
:root[data-theme="dark"] .signup-progress-spinner { color: #b4a8ff; }