/* Menu da conta no cabeçalho público, quando há sessão ativa. */
.account-menu{position:relative}
.account-trigger{display:flex;align-items:center;gap:9px;border:1px solid #ffffff26;background:#ffffff12;color:#fff;border-radius:99px;padding:6px 13px 6px 6px;font:700 13px/1 inherit;cursor:pointer;transition:.18s}
.account-trigger:hover{background:#ffffff1f;border-color:#ffffff3d}
.account-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--violet,#6d3df5);color:#fff;font:800 13px/1 inherit}
.account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-caret{font-size:10px;opacity:.75}
.account-trigger[aria-expanded="true"] .account-caret{transform:rotate(180deg)}

.account-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:216px;background:#fff;color:var(--ink,#1b1439);border-radius:12px;padding:7px;box-shadow:0 18px 44px #0b081e33;display:grid;gap:2px;z-index:30}
.account-dropdown[hidden]{display:none}
.account-dropdown-head{padding:9px 11px 10px;font-size:11px;color:var(--muted,#6f6a80);border-bottom:1px solid #f0eef5;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-dropdown a,.account-logout{display:block;width:100%;text-align:left;padding:10px 11px;border:0;border-radius:8px;background:none;color:inherit;font:700 13px/1.2 inherit;text-decoration:none;cursor:pointer}
.account-dropdown a:hover,.account-logout:hover{background:#f5f2ff;color:var(--violet,#6d3df5)}
.account-logout{margin-top:4px;border-top:1px solid #f0eef5;border-radius:0 0 8px 8px;color:#b93149}
.account-logout:hover{background:#fff0f2;color:#a72f45}

@media(max-width:700px){.account-name{display:none}.account-trigger{padding:6px}.account-dropdown{right:0}}