#ch-account-menu {
    position:fixed; z-index:99990; inset:auto; width:min(320px,calc(100vw - 24px));
    box-sizing:border-box; padding:26px; background:#F8F6F4; color:#212529;
    border:1px solid #e6e3df; box-shadow:0 12px 36px rgba(33,37,41,.1);
    text-align:left; overflow:auto; opacity:0; visibility:hidden; pointer-events:none;
    transform:translateY(-4px) scale(.985); transform-origin:top right;
    transition:opacity 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1),visibility 0s 160ms;
}
#ch-account-menu[data-open] { opacity:1; visibility:visible; pointer-events:auto; transform:none; transition-delay:0s; }
#ch-account-menu .ch-account-menu-eyebrow { margin:0 0 12px; font-size:10px; line-height:1.5; letter-spacing:.09em; text-transform:uppercase; color:#6d6c68; font-weight:400; }
#ch-account-menu h2 { margin:0 0 10px; font-size:23px; line-height:1.2; letter-spacing:-.025em; font-weight:400; color:#212529; }
#ch-account-menu .ch-account-menu-description { margin:0 0 22px; font-size:14px; line-height:1.6; font-weight:400; color:rgba(33,37,41,.8); }
#ch-account-menu .ch-account-menu-primary { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:46px; padding:12px 16px; box-sizing:border-box; background:#212529; color:#fff; font-size:14px; line-height:1.4; font-weight:400; text-decoration:none; transition:background-color 150ms ease,transform 120ms ease; }
#ch-account-menu .ch-account-menu-primary svg { width:19px; height:19px; flex:none; }
#ch-account-menu .ch-account-menu-primary:active { transform:scale(.98); }
#ch-account-menu .ch-account-menu-footer { display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin-top:20px; padding-top:16px; border-top:1px solid #dfdcd7; color:#6d6c68; font-size:12px; line-height:1.6; }
#ch-account-menu .ch-account-menu-footer a { color:#212529; text-decoration:underline; text-underline-offset:3px; }
#ch-account-menu a:focus-visible { outline:2px solid #212529; outline-offset:4px; }
/* Keep the account icon readable and use the same subtle highlight as the menu. */
body:not(.elementor-editor-active) .elementor-99 a.ch-account-link {
    position:relative;
    isolation:isolate;
    border-radius:50%;
    color:var(--concepthub-header-color, #212529)!important;
    opacity:1;
}
body:not(.elementor-editor-active) .elementor-99 a.ch-account-link::before {
    content:"";
    position:absolute;
    inset:2px;
    border-radius:50%;
    background:currentColor;
    opacity:0;
    pointer-events:none;
    z-index:-1;
    transition:opacity 120ms ease;
}
body:not(.elementor-editor-active) .elementor-99 a.ch-account-link[aria-expanded="true"]::before,
body:not(.elementor-editor-active) .elementor-99 a.ch-account-link:focus-visible::before {
    opacity:.13;
}
@media (hover:hover) and (pointer:fine) {
    body:not(.elementor-editor-active) .elementor-99 a.ch-account-link:hover::before { opacity:.13; }
}
@media (prefers-reduced-motion:reduce) {
    body:not(.elementor-editor-active) .elementor-99 a.ch-account-link::before { transition:none; }
}
@media(hover:hover) and (pointer:fine) {
    #ch-account-menu .ch-account-menu-primary:hover { background:#000; }
    #ch-account-menu .ch-account-menu-footer a:hover { text-decoration:none; }
}
#ch-account-menu[data-instant],#ch-account-menu[data-instant] a { transition:none; }
@media(prefers-reduced-motion:reduce) {
    #ch-account-menu,#ch-account-menu a { transition:none!important; }
    #ch-account-menu .ch-account-menu-primary:active { transform:none; }
}