.account-menu { position:relative; z-index:20; }
.account-trigger.crm-user { display:grid; place-items:center; width:42px; height:42px; border:0; border-radius:50%; color:var(--cream); background:var(--ink); font-weight:700; outline:0; cursor:pointer; transition:background .2s ease, transform .2s ease, box-shadow .2s ease; }
.account-trigger.crm-user:hover,.account-trigger.crm-user[aria-expanded="true"] { background:#b66c78; box-shadow:0 7px 16px rgba(81,53,33,.12); transform:translateY(-1px); }
.account-popover { position:absolute; top:calc(100% + 10px); right:0; width:240px; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--cream); box-shadow:0 18px 40px rgba(81,53,33,.14); }
.account-popover[hidden] { display:none; }
.account-popover-kicker { margin:0 0 8px; color:#b66c78; text-transform:uppercase; letter-spacing:.12em; font-size:9px; font-weight:700; }
.account-popover strong,.account-popover small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-popover strong { font-size:14px; }
.account-popover small { margin-top:3px; color:var(--muted); font-size:11px; }
.account-popover a { display:block; margin-top:15px; padding-top:11px; border-top:1px solid var(--line); color:var(--ink); font-size:12px; }
.account-popover a:hover { color:#b66c78; }
.account-popover .account-popover-logout { color:#b66c78; }
@media(max-width:620px) { .account-popover { position:fixed; top:76px; right:16px; width:min(260px,calc(100vw - 32px)); } }