body:has(.account-menu)>header{position:sticky;top:0;z-index:50;background:#092f28;color:#f0fff4;border-bottom:1px solid #baf3c42b;box-shadow:0 8px 25px #001d2420}
body:has(.account-menu)>header>.brand{color:#f0fff4}
.account-menu{position:relative;padding:0;border:0}
.account-menu>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid #baf3c45c;border-radius:12px;background:#1d5943;color:#f0fff4;font-size:15px;cursor:pointer}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary:hover,.account-menu[open]>summary{background:#286a50}
.menu-chevron{margin-left:10px;transition:transform .15s}.account-menu[open] .menu-chevron{transform:rotate(180deg)}
.account-menu .account-menu-panel{position:absolute;right:0;top:calc(100% + 12px);display:flex;flex-direction:column;align-items:stretch;gap:2px;width:310px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 115px);overflow:auto;padding:12px;background:#123f32;border:1px solid #baf3c44a;border-radius:18px;box-shadow:0 18px 55px #001d2470}
.account-menu .menu-group-title{padding:14px 12px 7px;font-size:11px;font-weight:750;letter-spacing:1.4px;text-transform:uppercase;color:#a5c8b4}
.account-menu .account-menu-panel a{display:block;padding:10px 12px;border-radius:9px;color:#effbf2;text-decoration:none;font-size:14px;line-height:1.4}
.account-menu .account-menu-panel a:hover,.account-menu .account-menu-panel a:focus-visible{background:#28634b;color:#fff}
.site-topbar .account-menu{z-index:60}.site-topbar .account-menu>summary{margin:0;letter-spacing:normal;text-transform:none}.site-topbar .account-menu .account-menu-panel{min-height:0}
.account-menu .menu-signout{margin:12px 0 0;padding-top:10px;border-top:1px solid #baf3c42b}
header .account-menu .menu-signout button{display:flex;justify-content:space-between;width:100%;text-align:left;padding:12px;border-radius:9px;background:#baf3c4;color:#103f33;font-size:14px}
body:has(.account-menu) section[id]{scroll-margin-top:110px}
@media(max-width:500px){body:has(.account-menu)>header{padding:16px 20px}.account-menu>summary{padding:10px 13px}.account-menu .account-menu-panel{max-height:calc(100dvh - 100px)}body:has(.account-menu) section[id]{scroll-margin-top:95px}}
