/* Account navigation shares the existing palette while freeing sidebar space. */
.workspace .topbar{position:relative;z-index:40}
.workspace .topbar-actions{flex:none}
.workspace .topbar-actions .header-message{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;min-width:40px;border-radius:9px;color:var(--text)}
.workspace .topbar-actions .header-message:after{content:none}
.workspace .header-message>span[aria-hidden]{display:flex}
.workspace .topbar-actions .header-message .icon{width:21px;height:21px}
.workspace .header-message:hover{background:var(--accent-soft,var(--panel))}
.workspace .header-message:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.workspace .message-unread-light{position:absolute;right:4px;top:4px;width:9px;height:9px;border:2px solid var(--panel,#fff);border-radius:50%;background:#20b36b;box-shadow:0 0 0 2px #20b36b1a}
.workspace .message-unread-light[hidden]{display:none}
.workspace .message-notice-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.workspace .account-menu{position:relative}
.workspace .account-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid var(--accent-border,var(--line));border-radius:7px;background:var(--accent-soft,var(--panel));color:var(--accent);font-size:12px;font-weight:700;white-space:nowrap}
.workspace .account-toggle>.icon{width:17px;height:17px}
.workspace .account-chevron{width:6px;height:6px;margin:0 2px 3px 1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .45s ease,margin .45s ease}
.workspace .account-menu.is-open .account-chevron{transform:rotate(225deg);margin-top:3px;margin-bottom:0}
.workspace .account-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:45;width:276px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff);box-shadow:0 14px 38px #15243b1c;color:var(--text);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}
.workspace .account-menu.is-open .account-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition-delay:0s}
.workspace .account-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 12px}
.workspace .account-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.workspace .account-heading [data-account-role]{flex:none;font-size:10px;color:var(--muted)}
.workspace .account-auth{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 6px 10px}
.workspace .account-panel button{display:flex;align-items:center;gap:10px;min-height:40px;width:100%;padding:10px;border-radius:7px;text-align:left;font-size:12px;line-height:1.5;font-weight:600;white-space:nowrap}
.workspace .account-panel button:hover{background:var(--accent-soft,#f0f3f8);color:var(--accent)}
.workspace .account-panel button:focus-visible,.workspace .account-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.workspace .account-panel button>.icon{width:17px;height:17px;flex:none;color:var(--side-icon,var(--muted))}
.workspace .account-panel .account-auth button{justify-content:center;text-align:center;border:1px solid var(--line)}
.workspace .account-panel .topbar-signup,.workspace .account-panel .topbar-signup:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}
.workspace .account-links{display:grid;gap:2px;padding-top:7px;border-top:1px solid var(--line)}
.workspace .account-utilities{display:grid;gap:2px;margin-top:7px;padding-top:7px;border-top:1px solid var(--line)}
.workspace .account-utilities .cash-coin{width:17px;text-align:center}
.workspace .account-panel [hidden]{display:none!important}
@media(max-width:760px){.workspace .account-toggle{min-height:36px;padding:7px 10px;gap:7px;font-size:11px}.workspace .account-panel{top:calc(100% + 13px)}.workspace .account-panel button{min-height:44px}}
@media(min-width:761px) and (max-width:900px){.workspace .topbar .topbar-search{min-width:100px}}
@media(max-width:360px){.workspace .account-toggle{padding-inline:8px}.workspace .account-toggle>.icon{display:none}}
@media(prefers-reduced-motion:reduce){.workspace .account-panel,.workspace .account-chevron{transition:none}}