.user-avatar-menu{justify-content:center;align-items:center;display:inline-flex;position:relative}.user-avatar-trigger{color:#1d4ed8;background:linear-gradient(135deg,#f8fbff,#eaf3ff);border:1px solid #2563eb2e;border-radius:999px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-weight:900;line-height:1;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden;box-shadow:0 10px 24px #0f2d5c1f}.user-avatar-trigger:hover,.user-avatar-trigger:focus-visible{border-color:#2563eb66;transform:translateY(-1px);box-shadow:0 14px 28px #0f2d5c29,0 0 0 3px #2563eb1f}.user-avatar-trigger img,.user-avatar-preview img{object-fit:cover;width:100%;height:100%}.user-avatar-trigger span{font-size:15px}.user-avatar-dropdown{z-index:80;background:#fffffffa;border:1px solid #2563eb24;border-radius:18px;gap:6px;width:236px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 64px #0f2d5c2e}.user-avatar-dropdown:before{content:"";background:#fffffffa;border-top:1px solid #2563eb24;border-left:1px solid #2563eb24;width:10px;height:10px;position:absolute;top:-6px;right:18px;transform:rotate(45deg)}.user-avatar-summary{border-bottom:1px solid #2563eb1a;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:8px 8px 10px;display:grid}.user-avatar-preview{color:#1d4ed8;background:linear-gradient(135deg,#eaf3ff,#dbeafe);border-radius:999px;place-items:center;width:42px;height:42px;font-size:15px;font-weight:900;display:grid;overflow:hidden}.user-avatar-summary strong,.user-avatar-summary small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.user-avatar-summary strong{color:#102a56;font-size:14px}.user-avatar-summary small{color:#64748b;margin-top:3px;font-size:12px;font-weight:700}.user-avatar-dropdown>button{color:#18305f;text-align:left;background:0 0;border:0;border-radius:12px;min-height:40px;padding:0 12px;font-weight:800}.user-avatar-dropdown>button:hover,.user-avatar-dropdown>button:focus-visible{color:#1d4ed8;background:#eff6ff}.user-avatar-dropdown>button.is-danger{color:#b42318;background:#fff7f7;border-top:1px solid #dc26261a;border-radius:12px;margin-top:4px}.user-avatar-dropdown>button.is-danger:hover,.user-avatar-dropdown>button.is-danger:focus-visible{color:#991b1b;background:#fee2e2}