/* One explicit account palette for light and dark surfaces, including runtime form UI. */
html body.pg286-account.pg316-design{--a286-bg:var(--d316-bg);--a286-card:var(--d316-panel);--a286-text:var(--d316-ink);--a286-muted:#52627a;--a286-line:var(--d316-line);--a286-soft:var(--d316-bg);--a286-blue:#184bd4;--a286-glow:var(--d316-soft);--pg-muted:#52627a;--pg-text:var(--d316-ink)}
html[data-theme=dark] body.pg286-account.pg316-design{--a286-muted:#b4c1d5;--a286-blue:#aec6ff;--pg-muted:#b4c1d5}
html body.pg286-account.pg316-design #accountWorkspace .pg286-panel{color:var(--a286-text);background:var(--a286-card)}
html body.pg286-account.pg316-design #accountWorkspace .pg286-panel :is(h1,h2,h3,label,#authIdentityLabel){color:var(--a286-text)!important}
html body.pg286-account.pg316-design #accountWorkspace .pg286-panel :is(.pg286-subtitle,.pg-auth-policy,#passwordHint,.pg286-divider,.pg-password-strength p){color:var(--a286-muted)!important}
html body.pg286-account.pg316-design #accountWorkspace .pg286-panel :is(.pg-kicker,.pg-auth-policy a,#pg286-forgot){color:var(--a286-blue)!important}
html body.pg286-account.pg316-design #accountWorkspace .pg286-panel input.form-control{color:var(--a286-text)!important;background:var(--a286-soft)!important;border-color:var(--a286-line);caret-color:var(--a286-text)}
html body.pg286-account.pg316-design #accountWorkspace .pg286-panel input::placeholder{color:#586981!important;opacity:1}
html[data-theme=dark] body.pg286-account.pg316-design #accountWorkspace .pg286-panel input::placeholder{color:#b4c1d5!important}
html body.pg286-account.pg316-design #accountWorkspace .pg286-tabs button{color:var(--a286-muted)!important}
html body.pg286-account.pg316-design #accountWorkspace .pg286-tabs button.active{color:var(--a286-blue)!important;background:var(--a286-card)}
html body.pg286-account.pg316-design #accountWorkspace .pg271-google-button{color:var(--a286-text)!important;background:var(--a286-card)}
html body.pg286-account.pg316-design #accountWorkspace [data-toggle-password]{color:var(--a286-blue)!important;background:var(--a286-card)}
html body.pg286-account.pg316-design #accountWorkspace #authSubmit{color:#fff!important;background:#245bdf;border-color:#245bdf}
html body.pg286-account.pg316-design #accountWorkspace #authError{color:#b42335!important;background:#fff0f1}
html[data-theme=dark] body.pg286-account.pg316-design #accountWorkspace #authError{color:#ffb4bd!important;background:#422637}
html body.pg286-account.pg316-design #accountWorkspace input:-webkit-autofill{-webkit-text-fill-color:var(--a286-text);-webkit-box-shadow:0 0 0 1000px var(--a286-soft) inset;caret-color:var(--a286-text)}
/* The story remains a dark illustration panel in either theme. */
html body.pg286-account.pg316-design #accountWorkspace .pg286-story h2{color:#fff}
html body.pg286-account.pg316-design #accountWorkspace .pg286-story :is(p,.pg286-promises){color:#dce5ff}
html body.pg286-account.pg316-design #accountWorkspace .pg286-story :is(.pg-kicker,.pg286-guest){color:#d4e2ff}