/* Header account disclosure + four quiet settings panels. */
.account-corner { position:relative;flex:0 0 auto; }
.account-menu-toggle { display:grid;place-items:center;width:44px;height:44px;border:0;padding:3px;border-radius:50%;background:transparent;color:var(--text);cursor:pointer; }
.account-menu-toggle .account-avatar { width:36px;height:36px;min-width:36px;flex-basis:36px;font-size:21px;border:1px solid var(--hairline); }
.account-menu-toggle:hover,.account-menu-toggle[aria-expanded="true"] { background:var(--surface-2); }
.account-menu { position:absolute;right:0;top:calc(100% + 12px);width:290px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;padding:10px;border:1px solid var(--hairline);border-radius:20px;background:var(--surface);box-shadow:0 16px 48px #0002;animation:account-menu-in .16s var(--ease); }
.account-menu-identity { display:grid;gap:4px;padding:12px 12px 8px; }
.account-menu #account-display-name { font-size:16px; }.account-menu #account-identity { font-size:12px;color:var(--text-dim);overflow-wrap:anywhere; }.account-menu #account-status { display:none; }
.account-menu-links { border-top:1px solid var(--hairline);padding-top:6px;margin-top:8px; }
.account-menu-item { display:flex;align-items:center;min-height:44px;width:100%;border:0;border-radius:10px;background:none;color:var(--text);font:400 13px var(--font);text-align:left;padding:10px 12px;cursor:pointer; }
.account-menu-item:hover { background:var(--surface-2); }.account-menu #account-actions { margin-top:6px;padding-top:6px;border-top:1px solid var(--hairline); }
.account-menu .cloud-indicator { padding:0 12px;min-height:28px;font-size:11px;order:0; }.account-menu .cloud-indicator span:last-child { display:inline; }
body.signing-in .account-corner { display:none; }
.settings-view { max-width:1020px;margin-inline:auto; }
.settings-view.active { display:block; }
.settings-view>.page-sub { margin-bottom:44px; }
.settings-layout { display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start; }
.settings-categories { display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--hairline);padding:2px 20px 26px 0; }
.settings-category { display:flex;align-items:center;gap:12px;min-height:48px;border:0;border-radius:12px;padding:12px 14px;background:none;color:var(--text-dim);text-align:left;font:400 13px var(--font);cursor:pointer; }
.settings-category svg { width:19px;height:19px;flex-shrink:0; }.settings-category[aria-selected="true"] { background:var(--surface-2);color:var(--text);font-weight:500; }.settings-category:hover { color:var(--text); }
.settings-content { min-width:0; }.settings-panel { min-width:0;animation:settings-panel-in .18s var(--ease); }
.settings-panel-title { font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.045em;margin:3px 0 10px; }
.settings-panel-sub { font-size:13px;color:var(--text-dim);line-height:1.7;margin:0 0 26px; }
.settings-panel .card { border-radius:18px;overflow:hidden; }.settings-panel .card+.card { margin-top:18px; }
.settings-view .card-row { padding:21px 22px;gap:20px; }.settings-view .row-label { font-size:13px; }.settings-view .row-hint { font-size:11px;line-height:1.6;max-width:28ch; }
.settings-view .segmented { flex-shrink:0; }.settings-panel .settings-disclosure { margin:0; }
.settings-panel .card>.settings-disclosure { border:0; }.settings-guest-name:has(#local-name-row[hidden]),.settings-security-card:has(#account-security[hidden]) { display:none; }
.settings-panel .account-message { padding:0;margin:0 0 16px; }.settings-panel .account-conflict { border:1px solid var(--hairline);border-radius:18px;margin-bottom:18px; }
.settings-danger { margin-top:28px;padding-top:14px;border-top:1px solid var(--hairline); }.settings-danger>summary { min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-dim);cursor:pointer;list-style:none; }.settings-danger>summary::-webkit-details-marker { display:none; }.settings-danger>summary::after { content:'+';font-size:18px; }.settings-danger[open]>summary::after { content:'−'; }.settings-danger .card { margin-top:10px; }
.settings-help { margin-top:0; }.settings-help .card-row { margin:0;width:100%; }.settings-help .card-row+.card-row { border-top:1px solid var(--hairline); }
.settings-footer { padding-top:22px; }.settings-panel .settings-detail-note { font-size:11px; }.settings-panel .field-row { width:100%; }.settings-panel .field-row .select { min-width:0; }
@keyframes account-menu-in { from { opacity:0;transform:translateY(-5px); } to { opacity:1;transform:none; } }
@keyframes settings-panel-in { from { opacity:0;transform:translateY(4px); } to { opacity:1;transform:none; } }
@media(max-width:900px){.account-corner { order:5; }.topbar-inner>.tabs { order:6; }.settings-layout { grid-template-columns:180px minmax(0,1fr);gap:28px; }.settings-categories { padding-right:14px; }.settings-category { font-size:12px;gap:9px;padding-inline:10px; }.settings-view .card-row { padding-inline:18px; }.settings-view .card-row:has(.segmented) { align-items:flex-start;flex-direction:column;gap:12px; }.settings-view .card-row:has(.segmented) .row-hint { max-width:none; }}
@media(max-width:600px){.settings-view>.page-sub { margin-bottom:26px; }.settings-layout { display:block; }.settings-categories { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border:0;border-bottom:1px solid var(--hairline);border-radius:0;padding:0 0 16px;margin-bottom:26px; }.settings-category { flex-direction:column;gap:8px;justify-content:center;text-align:center;padding:10px 2px;font-size:10px;line-height:1.3;min-height:68px; }.settings-category svg { width:19px;height:19px; }.settings-panel-title { font-size:22px; }.settings-panel-sub { margin-bottom:20px; }.account-menu { width:280px; }.settings-view .card-row { padding:20px 18px; }.settings-view .row-hint { max-width:26ch; }.settings-view .settings-disclosure>summary { padding:18px; }.settings-view .segmented { max-width:100%; }.settings-view .seg { font-size:12px;padding-inline:13px; }.settings-panel .account-form { padding:18px; }}
@media(prefers-reduced-motion:reduce){.account-menu,.settings-panel { animation:none; }}