.account-menu { position: relative; z-index: 55; }
.account-menu-trigger { display: grid; width: 36px; height: 36px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: var(--forest-900); color: var(--paper-50); font: 800 12px var(--mono); letter-spacing: .03em; }
.account-menu-trigger:hover { background: #0b3027; }
.account-menu-trigger:focus-visible, .account-menu-item:focus-visible { outline: 3px solid var(--mint-300); outline-offset: 3px; }
.account-menu-panel { position: absolute; top: calc(100% + 9px); right: 0; min-width: 174px; overflow: hidden; padding: 6px; border: 1px solid var(--line-200); border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(20, 32, 28, .14); }
.account-menu-panel[hidden] { display: none; }
.account-menu-panel form { margin: 0; }
.account-menu-item { display: flex; width: 100%; align-items: center; min-height: 38px; padding: 0 11px; border: 0; border-radius: 6px; background: transparent; color: var(--ink-600); font: 700 13px var(--font); text-align: left; }
.account-menu-item:hover { background: var(--mint-100); color: var(--forest-900); }
.account-menu-logout { color: var(--ink-500); }
@media (max-width: 767.98px) { .account-menu-panel { right: -2px; min-width: 190px; } .account-menu-trigger { width: 44px; height: 44px; } }