/* Menu konta w naglowku (U3-A). Tylko 'self', bez inline. */
.account-menu { position: relative; }
.avatar-btn { border: 0; padding: 0; font: inherit; font-weight: 700; cursor: pointer; }
.avatar-btn:hover, .avatar-btn[aria-expanded="true"] { box-shadow: 0 0 0 2px var(--accent); }
.menu-panel {
  position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 230px; padding: 6px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-lg);
}
.menu-panel[hidden] { display: none; }
.menu-head { display: flex; flex-direction: column; padding: 10px 12px 12px; border-bottom: 1px solid var(--line); margin-bottom: 6px; }
.menu-head strong { font-weight: 650; overflow-wrap: anywhere; }
.menu-head span { font-size: .85rem; color: var(--muted); overflow-wrap: anywhere; }
.menu-item { display: flex; align-items: center; gap: 10px; min-height: var(--tap); padding: 0 12px; border-radius: var(--r-md); color: var(--text); text-decoration: none; font-weight: 500; }
.menu-item:hover, .menu-item:focus-visible { background: var(--bg); color: var(--text); }