.account-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;min-width:44px;height:44px;max-width:176px;padding:5px 10px 5px 5px;border:1px solid #e0d8e5;border-radius:24px;background:#fff;color:#51415e;font:500 12px/1.5 var(--font,Jakarta,sans-serif);cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
.account-toggle:hover,.account-toggle[aria-expanded=true]{border-color:#bba5c9;background:#fbf8fd}
.account-toggle:focus-visible{outline:2px solid #9872b0;outline-offset:3px}
.account-toggle[hidden],.portal-account-menu[hidden]{display:none!important}
.account-avatar,.account-menu-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #e5dceb;border-radius:50%;background:#f1ebf6;color:#68477e;font-size:11px;font-weight:600}
.account-trigger-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-toggle>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.portal-account-menu{position:fixed;inset:auto;z-index:260;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:0;padding:7px;overflow:auto;border:1px solid #e2d9e8;border-radius:18px;background:#fff;color:#493a55;box-shadow:0 5px 12px #2e193e08,0 20px 50px #2e193e1c;font:400 13px/1.6 var(--font,Jakarta,sans-serif)}
.portal-account-menu:popover-open{animation:account-menu-enter 150ms ease-out both}
.portal-account-menu::backdrop{background:transparent}
.account-menu-identity{display:flex;align-items:center;gap:12px;padding:14px 12px 17px;margin-bottom:5px;border-bottom:1px solid #eee7f2}
.account-menu-avatar{flex-basis:40px;width:40px;height:40px;border-radius:13px;font-size:13px}
.account-menu-identity>div{min-width:0}
.account-menu-identity strong{display:block;color:#45334f;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.account-menu-identity small{display:block;margin-top:3px;color:#84728e;font-size:11px;font-weight:400}
.account-menu-action{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#654d75;font:500 13px/1.5 var(--font,Jakarta,sans-serif);text-align:left;cursor:pointer}
.account-menu-action>svg{flex:0 0 19px;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.account-menu-action:hover,.account-menu-action:focus-visible{outline:0;background:#f5f0f8}
.account-menu-action:focus-visible{box-shadow:inset 0 0 0 2px #b19ac1}
.account-menu-action.is-exit{color:#984e45}
.account-menu-action.is-exit:hover,.account-menu-action.is-exit:focus-visible{background:#fbf1ee}
.account-menu-action:disabled{opacity:.5;cursor:wait}
.account-menu-hint{margin:5px 0 0;padding:10px 12px 7px;border-top:1px solid #eee7f2;color:#8a7d92;font-size:11px;line-height:1.6}
body[data-portal-controls] #archive-logout{display:flex;align-items:center;gap:8px;justify-content:flex-start;width:100%;min-height:44px;margin-top:14px;padding:10px 0;border:0;border-top:1px solid #ffffff21;background:none;color:#e2d7ea;font:400 12px/1.6 var(--font,Jakarta,sans-serif);cursor:pointer}
body[data-portal-controls] #archive-logout:hover{color:#fff}
body[data-portal-controls] #archive-logout svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes account-menu-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.account-toggle{width:44px;max-width:44px;padding:5px;border-radius:13px}.account-trigger-name,.account-toggle>svg{display:none}}
@media(max-width:500px){body[data-portal-controls] .archive-return-compact{font-size:11px}body[data-portal-controls] .archive-return{gap:5px;padding-inline:7px}body[data-portal-controls] .topbar{gap:5px;padding-inline:9px}body[data-portal-controls] .topbar-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){.account-toggle{transition:none}.portal-account-menu:popover-open{animation:none}}