/* CORE v25: one account/auth presentation. All rules stay outside NS/stock/footer. */
#accountRoot{--account-paper:#fff;--account-input:var(--account-paper);--account-primary:var(--skin-primary);--account-border:var(--line);--account-bg:var(--appearance-bg);max-width:640px;font-family:inherit}
html[data-theme=night] #accountRoot,html[data-theme=night] .account-detail{--account-paper:#29241f}
#accountRoot:not([data-view=settings]){padding:12px 16px calc(24px + env(safe-area-inset-bottom))}
#accountRoot:not([data-view=settings]) .account-card{background:var(--account-paper);border:0;border-radius:0;padding:12px;box-shadow:none}
#accountRoot .account-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#accountRoot .account-brand{margin:0;padding:0}
#accountRoot .account-logo{display:flex;align-items:center;width:104px;min-height:44px;letter-spacing:normal}
#accountRoot .account-logo img{width:100%;height:auto;display:block}
#accountRoot .account-logo .logo-night{display:none}
html[data-theme=night] #accountRoot .account-logo .logo-day{display:none}
html[data-theme=night] #accountRoot .account-logo .logo-night{display:block}
#accountRoot .account-header-controls{display:flex;gap:0}
#accountRoot .account-header-controls button{position:static;float:none;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:8px;margin:0;border:0;border-radius:0;background:transparent;color:var(--skin-icon);box-shadow:none}
#accountRoot .account-header-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#accountRoot h1{font-size:27px;line-height:1.2;margin:0 0 12px;font-weight:700}
#accountRoot h2,.account-detail h1{font-size:19px;line-height:1.25;margin:12px 0 6px}
#accountRoot .account-card p{line-height:1.4;margin:8px 0}
#accountRoot .account-card .intro{font-size:16px;margin:10px 0}
#accountRoot .account-card label:not(.choice):not(.skin-choice){margin:10px 0 4px;font-size:14px;font-weight:600}
#accountRoot .account-card input:not([type=checkbox]):not([type=radio]),#accountRoot .account-card select,#accountRoot .account-card textarea{min-width:0;max-width:100%;min-height:44px;padding:9px 10px;border:1px solid var(--account-border);border-radius:0;box-shadow:none;background:var(--account-paper);color:var(--account-text);font-size:16px;line-height:1.3}
#accountRoot .account-card input[aria-invalid=true]{border-color:var(--account-error);border-width:2px}
#accountRoot .account-card input:focus-visible,#accountRoot .account-card select:focus-visible,#accountRoot .account-card textarea:focus-visible,#accountRoot .account-card button:focus-visible{outline:2px solid var(--skin-icon);outline-offset:-2px}
#accountRoot .account-card button:not(.field-dictation){min-height:44px;border-radius:0;padding:9px 10px;box-shadow:none;line-height:1.25}
#accountRoot .account-card .wide{margin-top:8px}
#accountRoot .account-card .secondary{background:var(--appearance-soft);color:var(--account-text);border-color:var(--line)}
#accountRoot .password-row{gap:0;align-items:stretch}
#accountRoot .password-row input{flex:1;width:0;border-right:0}
#accountRoot .password-row button{flex:0 0 auto;min-width:78px}
#accountRoot .account-actions{gap:0;flex-wrap:nowrap;margin-top:12px}
#accountRoot .account-actions>button{flex:1;min-width:0;border:0;min-height:48px;margin:0}
#accountRoot .auth-navigation{display:grid;grid-template-columns:84px minmax(0,1fr);gap:0;margin-top:8px}
#accountRoot .auth-navigation button{border:0;margin:0;min-width:0;min-height:48px;font-size:14px}
#accountRoot #authSubmit{border:0;min-height:48px;font-weight:650}
#accountRoot #authForm[aria-busy=true] #authSubmit{background:var(--skin-primary);color:#fff;border:0;opacity:.7;cursor:wait}
#accountRoot #authStatus:empty,#accountRoot #authError:empty,#accountRoot #accountMessage:empty{display:none}
#accountRoot .error{font-size:14px;padding:0;white-space:pre-line;overflow-wrap:anywhere}
#accountRoot #authStatus{font-size:14px;border-left:2px solid var(--skin-icon);padding-left:8px}
#accountRoot .auth-providers{display:flex;gap:0;margin:6px 0 0}
#accountRoot .auth-providers button:disabled{flex:1;font-size:12px;min-height:32px;padding:6px 4px;border:0;border-bottom:.5px solid var(--line);background:var(--appearance-soft);color:var(--account-muted);opacity:.8;cursor:default}
#accountRoot .auth-providers button+button{border-left:.5px solid var(--line)}
#accountRoot .account-progress{font-size:12px;border-bottom:.5px solid var(--line);padding-bottom:6px;margin:0 0 8px}
#accountRoot .choice,.account-detail .choice{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px;border:0;border-bottom:.5px solid var(--line);border-radius:0;background:var(--appearance-soft);font-size:14px}
#accountRoot input[type=checkbox],.account-detail input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--skin-primary)}
#accountRoot .preference-section{margin-top:12px}
#accountRoot .preference-section h2{margin:8px 0 6px;font-size:17px}
#accountRoot .preference-section button{width:100%;border:0;border-bottom:.5px solid var(--line);margin:0;text-align:left}
#accountRoot .storage-onboarding{margin:12px 0;padding-top:10px}
#accountRoot .storage-onboarding .storage-options{gap:0 4px}
#accountRoot .storage-onboarding #onboardStorageName{margin:0}
#accountRoot .household-choice{gap:6px;border-radius:0;padding:6px 0;border-color:var(--line)}
#accountRoot .household-choice[aria-current=true]{border-left-color:var(--skin-primary)}
#accountRoot .household-choice button{font-size:13px;min-height:44px;padding:6px}
#accountRoot .household-choice button:disabled{background:var(--appearance-soft);border:0;color:var(--skin-icon);font-weight:650;opacity:1}
#accountRoot #householdInviteURL{font-size:14px;overflow-wrap:anywhere}
/* Keep v24 account master geometry, while making the light range more readable. */
#accountRoot[data-view=settings] .account-topbar{margin-bottom:0}
#accountRoot[data-view=settings] .account-card{padding:0;background:transparent}
#accountRoot[data-view=settings] .account-management button{margin:0}
#accountRoot[data-view=settings] #returnApp{margin:0}
#accountRoot[data-view=settings] .skin-sample i{flex:0 0 65%;width:65%;background:var(--sample-light)}
#accountRoot[data-view=settings] .skin-sample i+i{flex-basis:35%;width:35%;background:var(--sample-primary)}
/* Account-only dialogs use the same paper and contiguous action block. */
.account-detail{--account-paper:#fff;--account-input:var(--account-paper);background:var(--account-paper);border-radius:0;max-width:616px;max-height:calc(100dvh - 32px);overflow:auto}
.account-detail .account-card{background:var(--account-paper);border:0;border-radius:0;box-shadow:none;padding:12px}
.account-detail .account-card h1{margin:0 0 12px;font-size:23px}
.account-detail .account-card .account-actions{display:flex;flex-wrap:nowrap;gap:0;margin:12px -12px -12px}
.account-detail .account-actions>button{flex:1;min-width:0;min-height:48px;border:0;border-radius:0;margin:0;padding:10px;background:var(--skin-primary);color:#fff}
.account-detail .account-actions>.secondary{background:var(--appearance-soft);color:var(--account-text)}
.account-detail input:not([type=checkbox]){border-radius:0;min-height:44px;background:var(--account-paper)}
.account-detail .error:empty{display:none}
/* Same Jarmila host; title-level edge keeps the closed tab clear of form controls. */
.jarmila-help[data-account-help=true]{top:var(--account-help-top,76px);width:min(100%,640px);z-index:65}
.jarmila-help[data-account-help=true] .jarmila-tab{width:52px;height:48px}
.jarmila-help[data-account-help=true][data-side=right] .jarmila-tab{right:-8px;left:auto;clip-path:inset(0 8px 0 0)}
.jarmila-help[data-account-help=true][data-side=left] .jarmila-tab{left:-8px;right:auto;clip-path:inset(0 0 0 8px)}
.jarmila-help[data-account-help=true] .jarmila-panel{max-height:calc(100dvh - var(--account-help-top,76px) - 16px);overflow:auto}
body:has(#accountRoot:not([hidden])) .account-save{background:var(--appearance-soft);color:var(--text);border:1px solid var(--line);border-radius:0;font-size:13px}
body:has(#accountRoot:not([hidden])) .account-save button{border-radius:0;min-height:44px;background:var(--skin-primary);color:#fff}
@media(max-width:360px){#accountRoot:not([data-view=settings]){padding-left:12px;padding-right:12px}#accountRoot:not([data-view=settings]) .account-card{padding:10px}#accountRoot .auth-navigation{grid-template-columns:70px minmax(0,1fr)}#accountRoot .password-row button{min-width:70px;font-size:14px}.account-detail .account-card{padding:10px}.account-detail .account-card .account-actions{margin-left:-10px;margin-right:-10px;margin-bottom:-10px}}
/* Keep autofill and verified-password presentation inside the current paper/skin. */
#accountRoot .account-card input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--account-paper) inset!important;-webkit-text-fill-color:var(--account-text)}
#accountRoot #password.password-ok{background:var(--account-paper);color:var(--account-text);border-color:var(--skin-primary)}
#accountRoot #passwordStrength.password-ok-status{color:var(--skin-icon)!important}

/* CORE v26: existing place symbols only in the onboarding choices. */
#accountRoot .storage-onboarding .choice .storage-symbol{width:28px;height:28px;flex:0 0 28px;margin:0}

#accountRoot .storage-onboarding .storage-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#accountRoot .storage-onboarding .choice span{min-width:0;overflow-wrap:anywhere}