/* 프로필 메뉴 - 동작은 profile-menu.js(React판은 claude_common/react/components/ProfileMenu.tsx), 규칙은 claude_common/ui/profile-menu.md
   오른쪽 위 동그란 내 사진 → 아래로 펼치는 메뉴(맨 위 프로필 줄 = auth 프로필 편집, 맨 아래 로그아웃) */
.profile-menu { position: relative; flex: none; }
.profile-menu-btn { display: block; padding: 2px; border: 0; border-radius: 50%; background: none; cursor: pointer; }
.profile-menu-btn:hover, .profile-menu-btn[aria-expanded='true'] { box-shadow: 0 0 0 4px var(--uk-sunk); }
.profile-menu-btn:focus-visible { outline: 2px solid var(--uk-brand); outline-offset: 2px; }
.profile-avatar { display: block; width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: var(--uk-sunk); }
.profile-avatar.is-lg { width: 44px; height: 44px; flex: none; }
.profile-avatar.is-letter { display: grid; place-items: center; background: var(--uk-brand); color: var(--uk-on-strong); font-weight: 700; font-size: 15px; }
.profile-avatar.is-lg.is-letter { font-size: 18px; }
.profile-menu-list { position: absolute; right: 0; top: calc(100% + 8px); z-index: 300; min-width: 260px; padding: 6px 0; background: var(--uk-surface); border: 1px solid var(--uk-line); border-radius: var(--uk-r-lg); box-shadow: var(--uk-up-lg); }
.profile-menu-list[hidden] { display: none; }
.profile-menu-me { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--uk-line); color: inherit; text-decoration: none; cursor: pointer; }
.profile-menu-me-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.profile-menu-me-text strong { font-size: 15px; color: var(--uk-fg); }
.profile-menu-me-text small { font-size: 12px; color: var(--uk-muted); word-break: break-all; }
.profile-menu-me-text em { font-style: normal; font-size: 12px; color: var(--uk-brand); margin-top: 2px; }
.profile-menu-item { display: flex; align-items: center; gap: 10px; padding: 10px 16px; color: var(--uk-fg); text-decoration: none; font-size: 14px; }
.profile-menu-me:hover, .profile-menu-item:hover { background: var(--uk-sunk); }
.profile-menu-me:focus-visible, .profile-menu-item:focus-visible { outline: 2px solid var(--uk-brand); outline-offset: -2px; }