/* Native CMS actions, presented independently of the legacy hover menu. */
body.okha-site #top_menu .home-account > .account-panel {
    position:absolute; top:52px; right:0; z-index:130;
    box-sizing:border-box; width:360px; max-width:calc(100vw - 32px);
    max-height:min(680px,calc(100dvh - 140px)); padding:10px;
    overflow-y:auto; scrollbar-gutter:stable; overscroll-behavior:contain;
    border:1px solid var(--home-line); border-radius:18px;
    background:var(--home-surface); box-shadow:var(--home-shadow); color:var(--home-ink);
}
.account-menu, .account-menu__item { margin:0; padding:0; list-style:none; }
.account-menu + .account-menu { margin-top:8px; padding-top:8px; border-top:1px solid var(--home-line); }
.account-menu__item + .account-menu__item { margin-top:4px; }
body.okha-site .account-menu__link,
body.okha-site .account-menu__group > summary {
    box-sizing:border-box; display:flex; align-items:center; gap:10px; min-height:44px;
    margin:0; padding:10px 12px; border:0; border-radius:10px;
    color:var(--home-ink); background:transparent; font-size:14px; font-weight:500;
    line-height:1.4; text-align:left; text-decoration:none; cursor:pointer;
    transition:background-color 140ms ease,color 140ms ease;
}
.account-menu__group > summary { list-style:none; }
.account-menu__group > summary::-webkit-details-marker { display:none; }
.account-menu__link > svg, .account-menu__group > summary > svg { flex-shrink:0; color:var(--home-muted); }
.account-menu__label { min-width:0; overflow-wrap:anywhere; }
.account-menu__group > summary > svg:last-child { width:16px; margin-left:auto; transition:transform 160ms var(--home-ease); }
.account-menu__group[open] > summary > svg:last-child { transform:rotate(180deg); }
body.okha-site .account-menu__link:is(:hover,[aria-current="page"]),
body.okha-site .account-menu__group > summary:hover { color:var(--home-blue); background:var(--home-blue-soft); }
.account-menu__link:hover > svg, .account-menu__group > summary:hover > svg { color:currentColor; }
.account-menu__link[aria-disabled="true"] { opacity:.55; cursor:default; }
.account-menu__counter { margin-left:auto; min-width:20px; padding:2px 6px; border-radius:6px; color:var(--home-blue); background:var(--home-blue-soft); text-align:center; font-size:12px; font-variant-numeric:tabular-nums; }
.account-menu--children { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; padding:6px; }
body.okha-site .account-menu--children .account-menu__link { gap:8px; height:100%; padding:10px 8px; font-size:13px; }
.account-menu--children .account-menu__item { min-width:0; margin:0; }
.account-menu--children .account-menu__item:has(.account-menu__group) { grid-column:1/-1; }
.account-menu__group[open] { background:var(--home-soft); border-radius:12px; }
.account-menu__overview { padding:2px 6px 0; }
body.okha-site .account-menu__overview .account-menu__link { min-height:36px; color:var(--home-muted); font-size:12px; }
.account-menu__profile { padding:4px 0 8px; margin-bottom:8px; border-bottom:1px solid var(--home-line); }
body.okha-site .account-menu__profile > .account-menu__link { font-weight:650; }
.account-menu__profile > .account-menu__link > svg { box-sizing:content-box; padding:8px; border-radius:50%; background:var(--home-blue-soft); color:var(--home-blue); }
.account-menu__profile > .account-menu--children { padding-top:0; }
.account-menu__link:focus-visible, .account-menu__group > summary:focus-visible { outline:2px solid var(--home-blue); outline-offset:2px; }
@media (max-width:1024px) {
    body.okha-site #top_menu .home-account > .account-panel { position:fixed; top:calc(76px + env(safe-area-inset-top,0px)); left:max(16px,env(safe-area-inset-left)); right:max(16px,env(safe-area-inset-right)); width:auto; max-width:none; max-height:calc(100dvh - 166px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); }
    body.okha-site #top_menu .account-panel > .site-appearance { margin:2px 8px 10px; }
}
@media (prefers-reduced-motion:reduce) {
    body.okha-site .account-menu__link, body.okha-site .account-menu__group > summary,
    .account-menu__group > summary > svg:last-child { transition:none; }
}