/* v24: account presentation only; NS, footer and input engine remain untouched. */
#accountRoot{--account-bg:var(--appearance-bg);--account-input:var(--appearance-soft);--account-primary:var(--skin-primary);--account-text:var(--text);--account-muted:var(--muted);--account-border:var(--line)}
#accountRoot[data-view=settings]{padding-top:12px}
#accountRoot[data-view=settings] .account-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
#accountRoot[data-view=settings] .account-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}
#accountRoot[data-view=settings] .account-brand{margin:0;padding:0;font-size:13px}
#accountRoot[data-view=settings] .account-header-controls{display:flex;gap:0}
#accountRoot[data-view=settings] .account-header-controls button{position:static;float:none;margin:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:0;background:transparent;color:var(--skin-icon);cursor:pointer}
#accountRoot[data-view=settings] .account-header-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#accountRoot[data-view=settings] h1{margin:6px 0 12px}
#accountRoot[data-view=settings] .account-info{margin:0 0 12px;font-size:14px}
#accountRoot[data-view=settings] .account-info>div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:8px;padding:5px 0}
#accountRoot[data-view=settings] .account-info dt{font-weight:600}
#accountRoot[data-view=settings] .account-info dd{margin:0;min-width:0;overflow-wrap:anywhere}
#accountRoot[data-view=settings] .wide{border:0;border-radius:0;box-shadow:none;min-height:48px;margin:0}
#accountRoot[data-view=settings] #returnApp{background:var(--skin-primary);color:#fff;font-weight:650;min-height:52px}
#accountRoot[data-view=settings] .account-management{display:flex;flex-direction:column;gap:0}
#accountRoot[data-view=settings] .account-management button{background:var(--appearance-soft);color:var(--account-text);text-align:left;border-bottom:.5px solid var(--line)}
#accountRoot[data-view=settings] #logout{background:#303238;color:#fff;text-align:center;font-weight:400}
#accountRoot[data-view=settings] .skin-options{margin:12px 0;border:0;padding:0}
#accountRoot[data-view=settings] .skin-choices{display:flex;flex-direction:column;gap:0}
#accountRoot[data-view=settings] label.skin-choice{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(104px,38%);align-items:center;gap:10px;min-height:48px;margin:0;padding:4px 0;border-bottom:.5px solid var(--line)}
#accountRoot[data-view=settings] .skin-choice input[type=radio]{accent-color:var(--skin-primary);background:transparent;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;border:0;flex:none}
#accountRoot[data-view=settings] .skin-sample{display:flex;align-self:stretch;min-height:32px;max-height:40px;border:0;border-radius:0;overflow:hidden}
#accountRoot[data-view=settings] .skin-sample i{width:50%;background:var(--sample-light)}
#accountRoot[data-view=settings] .skin-sample i+i{background:var(--sample-primary)}
#accountRoot[data-view=settings] #skinStatus{margin:6px 0;font-size:12px}
/* Icon choice: keep the nine established shapes and accessible radio names. */
.stock-icon-picker>label:not(.stock-icon-auto){grid-template-columns:18px 1fr;min-height:56px;padding:6px}
.stock-icon-picker>label:not(.stock-icon-auto) .storage-symbol{justify-self:center}
@media(max-width:360px){#accountRoot[data-view=settings] .account-info>div{grid-template-columns:120px minmax(0,1fr);gap:6px;font-size:13px}#accountRoot[data-view=settings] label.skin-choice{gap:8px;grid-template-columns:18px minmax(0,1fr) minmax(90px,35%)}}
/* Existing account editors inherit the chosen palette too. */
.account-detail{--account-bg:var(--appearance-bg);--account-input:var(--appearance-soft);--account-primary:var(--skin-primary);--account-text:var(--text);--account-muted:var(--muted);--account-border:var(--line);border-radius:0}
.account-detail .account-card{border-radius:0;box-shadow:none}
.account-detail .account-card button,.account-detail .account-card input,.account-detail .account-card textarea,.account-detail .choice{border-radius:0}