/* Keep the first saved resource ahead of optional billing and profile settings. */
.supabase-account [hidden]{display:none!important}
.supabase-account [data-in]{display:flex;flex-direction:column;gap:1.25rem}
.supabase-account .starter-welcome{order:0}
.supabase-account .saved-card{order:1}
.supabase-account .account-grid{order:2}
.supabase-account .starter-welcome h3{margin:.5rem 0}
.supabase-account .starter-welcome p{line-height:1.6}
.supabase-account label small{display:block;font-size:.8rem;font-weight:400;margin-top:.3rem;color:#526871}
.demo-save-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}
.demo-save-actions p{flex-basis:100%;margin:0;color:#526871;font-size:.9rem}
@media(max-width:600px){.demo-save-actions .btn{width:100%;text-align:center}}
/* Phones: while a visitor creates an account, show the email and password fields directly under
   "Create your free account". The repeated intro stays available to screen readers, and the
   explanatory summary and steps follow the form. Desktop and sign-in mode are unchanged. */
@media(max-width:640px){
 body.account-registering:not(.account-signed-in) .account-copy{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
 body.account-registering:not(.account-signed-in) .supabase-account [data-out]{display:flex;flex-direction:column}
 body.account-registering:not(.account-signed-in) .supabase-account [data-auth-form]{order:1}
 body.account-registering:not(.account-signed-in) .supabase-account [data-signup-steps]{order:2;margin-top:18px}
 body.account-registering:not(.account-signed-in) .supabase-account [data-auth-steps]{order:3}
 body.account-registering:not(.account-signed-in) .supabase-account [data-auth-help]{order:4}
 body.account-registering:not(.account-signed-in) .supabase-account .account-legal{order:5}
}