/* Clear account feedback, using the current studio palette. */
[data-auth] .account-feedback{border:2px solid var(--accent);border-radius:8px;background:var(--panel-solid);box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 18%,transparent);padding:20px;color:var(--ink);overflow-wrap:anywhere}
[data-auth] .account-feedback[hidden]{display:none}
[data-auth] .account-feedback-heading{display:flex;align-items:center;gap:10px;font-size:1.15rem;line-height:1.35;margin:0 0 10px}
[data-auth] .account-feedback-mark{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:20px}
[data-auth] .account-feedback p{margin:10px 0 16px;line-height:1.6}
[data-auth] .account-feedback .button{width:100%;min-height:46px}
[data-auth] button[data-result="success"]{background:var(--ink);color:var(--paper);border:2px solid var(--accent);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--accent);opacity:1;cursor:default}
[data-auth] button[data-pending="true"]{opacity:.8;cursor:wait}
[data-auth] .account-auth-status{margin:0;line-height:1.55;overflow-wrap:anywhere}
[data-auth] .account-auth-status:empty{display:none}
[data-auth] .account-auth-status[data-state="error"]{border-left:4px solid var(--accent-2);background:var(--panel-solid);padding:14px 16px;font-weight:600}
@media(max-width:700px){[data-auth] .account-feedback{padding:16px}[data-auth] .account-feedback-heading{font-size:1.08rem}}

/* Password controls and signed-out feedback stay legible on touch screens. */
.account-password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.account-password-toggle{min-width:64px;min-height:44px;border:1px solid var(--line);border-radius:4px;background:var(--panel-solid);color:var(--ink);font:14px var(--sans);cursor:pointer;padding:8px 12px}
.account-password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.account-session-status:empty{display:none}.account-session-status{padding:14px 16px;border-left:3px solid var(--accent);background:var(--panel-solid);line-height:1.5;overflow-wrap:anywhere}
[data-auth=login] [data-signin-help]{display:flex;align-items:center;min-height:44px;justify-self:start}
#studio-signin,#studio-register,#account-help{scroll-margin-top:100px}

/* One clear account task at a time; drafts survive switching panels. */
.account-auth-panels{display:block;max-width:680px;margin-top:24px}
.account-auth-panels > [hidden]{display:none!important}
[data-community-notice]:empty{display:none}
[data-account-welcome-actions][hidden]{display:none!important}
body:not(.studio-signed-in) [data-account-email-shortcut]{display:none}
[data-account-welcome-actions] a{min-height:44px}
.account-auth-panels h2:focus{outline:none}

/* Keep account entry compact without changing other pages or touch controls. */
body[data-page="account"] > .subnav-wrap{display:none}
body[data-page="account"] > main.community-page{margin-top:calc(var(--site-header-height) + 28px)}
body[data-page="account"]:not(.studio-signed-in) .studio-welcome{padding-bottom:12px;margin-bottom:11px}
[data-account-welcome-actions]{margin-bottom:9px}
.account-auth-panels{margin-top:12px}
.account-auth-panels > .community-card{padding-block:14px}
.account-auth-panels h2{margin-bottom:8px}
@media(max-width:700px){.account-auth-panels > .community-card{padding-block:11px}}

/* Registration uses the form title, leaving the primary action in view. */
body[data-page="account"].studio-registering > main.community-page{margin-top:calc(var(--site-header-height) + 14px)}
.studio-registering .studio-welcome > h1,.studio-registering .studio-welcome > .eyebrow,.studio-registering .studio-welcome > .community-intro{display:none}
body[data-page="account"].studio-registering .studio-welcome{padding-bottom:8px;margin-bottom:8px}
.studio-registering [data-account-welcome-actions]{margin:0}
.studio-registering .account-auth-panels{margin-top:8px}
#studio-register > p{margin:8px 0 12px}
#studio-register .community-form{gap:10px}
#studio-register .community-form > p{margin:0}
#studio-register .public-name-help{margin-top:-4px}
#studio-signin [data-google-signin] > .profile-private{margin-bottom:0}
.account-auth-panels > #studio-signin{padding-bottom:7px}

/* Google creates accounts as well as signing returning collectors in. */
.account-google-choice{margin:10px 0 12px}
.account-google-choice [data-google-signin] > .profile-private{margin:6px 0 10px;font-size:14px}
.account-auth-divider{display:flex;align-items:center;gap:12px;margin:10px 0 0;color:var(--muted);font-size:14px}
.account-auth-divider::before,.account-auth-divider::after{content:"";height:1px;background:var(--line);flex:1}