/* Account feedback stays inside the existing desktop card / mobile sheet. */
#signupForm .signup-actions { min-width:0; align-items:center; }
#signupForm .signup-feedback-row { flex:1 0 100%; box-sizing:border-box; min-width:0; overflow-wrap:anywhere; }
#signupForm .auth-field-error.show { display:block; margin-block:6px 2px; color:#b42318; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
#signupForm .auth-field { min-width:0; }
#signupBtn { display:inline-flex; justify-content:center; align-items:center; gap:10px; min-height:48px; line-height:1.4; white-space:normal; }
#signupBtn.yana-account-saving, #verifyOtpBtn.yana-account-saving { opacity:1; background:#111827; color:#fff; cursor:progress; box-shadow:none; display:inline-flex; align-items:center; justify-content:center; gap:10px; }
#signupBtn.yana-account-saving::before, #verifyOtpBtn.yana-account-saving::before { content:""; width:17px; height:17px; flex:0 0 17px; border:2px solid rgba(255,255,255,.3); border-top-color:#fff; border-radius:50%; animation:yana-account-spin .8s linear infinite; }
#signupFeedback.info { border:1px solid #dbe3ed; background:#f1f5f9; color:#344054; text-align:start; font-weight:500; }
#accountVerifyAgainBtn { order:2; grid-column:1 / -1; flex:1 0 100%; box-sizing:border-box; width:100%; min-height:44px; padding:10px 14px; border:1px solid #cbd5e1; border-radius:10px; background:#fff; color:#111827; font:inherit; font-weight:700; cursor:pointer; }
#accountVerifyAgainBtn[hidden] { display:none !important; }
#signupForm[aria-busy="true"] input:disabled, #signupForm[aria-busy="true"] select:disabled { opacity:.75; -webkit-text-fill-color:currentColor; }
#signupForm button:focus-visible { outline:3px solid #64748b; outline-offset:3px; }
body.dark-mode #signupFeedback.info { background:#1e293b; color:#e2e8f0; border-color:#475569; }
body.dark-mode #signupForm .auth-field-error.show { color:#fda4af; }
body.dark-mode #accountVerifyAgainBtn { background:#1e293b; color:#f8fafc; border-color:#475569; }
@keyframes yana-account-spin { to { transform:rotate(360deg); } }
@media (max-width:720px) {
  #signupForm .signup-actions { gap:10px; padding-bottom:max(8px,env(safe-area-inset-bottom)); }
  #signupForm .signup-feedback-row { font-size:13px; line-height:1.55; padding:10px 12px; margin:0; }
  #signupForm input, #signupForm select { font-size:16px; }
  #signupBtn { flex:1 1 180px; }
  #signupBackBtn { flex:0 1 auto; min-height:48px; }
}
@media (prefers-reduced-motion:reduce) { #signupBtn.yana-account-saving::before, #verifyOtpBtn.yana-account-saving::before { animation:none; border-right-color:#fff; } }