.user-menu { position: relative; }
.user-menu__trigger { width: auto; min-width: 42px; height: 42px; display: flex; align-items: center; gap: 9px; padding: 3px 8px 3px 3px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #27364d; cursor: pointer; }
.user-menu__trigger:hover, .user-menu__trigger[aria-expanded="true"] { background: #f3f7fd; border-color: #dbe5f3; }
.user-menu__avatar, .user-menu__summary-avatar { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; background: #246bd8; color: #fff; font-size: 14px; font-weight: 700; overflow: hidden; background-position: center; background-size: cover; }
.user-menu__name { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.user-menu__chevron { width: 7px; height: 7px; border-right: 1.5px solid #708098; border-bottom: 1.5px solid #708098; transform: rotate(45deg) translateY(-2px); }
.user-menu__dropdown { position: absolute; top: calc(100% + 9px); right: 0; width: 230px; padding: 8px; border: 1px solid #e1e8f1; border-radius: 8px; background: #fff; box-shadow: 0 14px 36px rgba(31,52,80,.16); z-index: 300; }
.user-menu__dropdown[hidden] { display: none; }
.user-menu__summary { display: flex; align-items: center; gap: 10px; padding: 10px 9px 13px; margin-bottom: 5px; border-bottom: 1px solid #edf1f6; }
.user-menu__summary div { min-width: 0; display: grid; gap: 3px; }
.user-menu__summary strong, .user-menu__summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-menu__summary strong { font-size: 14px; }.user-menu__summary small { color: #8490a2; font-size: 12px; }
.user-menu__dropdown > a, .user-menu__dropdown > button { width: 100%; display: block; padding: 9px 10px; border: 0; border-radius: 5px; background: transparent; color: #33425a; text-align: left; text-decoration: none; font-size: 13px; cursor: pointer; }
.user-menu__dropdown > a:hover, .user-menu__dropdown > button:hover { background: #f2f6fc; color: #1e64cd; }
@media (max-width: 640px) { .user-menu__name, .user-menu__chevron { display: none; } .user-menu__trigger { padding-right: 3px; } }