.user-menu{flex-shrink:0;position:relative}.user-menu__trigger{align-items:center;gap:var(--space-3);max-width:260px;min-height:var(--control-height);padding:0 var(--space-2) 0 var(--space-2);border-radius:var(--radius-control);transition:var(--transition-colors);background:0 0;border:1px solid #0000;display:flex}.user-menu__trigger:hover,.user-menu__trigger.is-open{background:var(--surface-glass-heavy);border-color:var(--border-glass)}.user-menu__avatar{background:var(--accent-gradient);width:32px;height:32px;color:var(--text-on-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em;box-shadow:var(--shadow-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-menu__avatar--lg{width:42px;height:42px;font-size:var(--text-base)}.user-menu__identity{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.25;display:flex}.user-menu__name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong);overflow:hidden}.user-menu__role{font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent-ink);align-items:center;gap:4px;display:flex}.user-menu__role svg{width:11px;height:11px}.user-menu__chevron{width:15px;height:15px;color:var(--text-subtle);transition:transform var(--duration-fast) var(--ease-standard);flex-shrink:0}.user-menu__trigger.is-open .user-menu__chevron{transform:rotate(180deg)}.user-menu__panel{top:calc(100% + var(--space-2));z-index:var(--z-drawer);width:268px;padding:var(--space-3);background:var(--surface-glass-heavy);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-glass);border-radius:var(--radius-panel);box-shadow:var(--shadow-pop);animation:zq-fade-down var(--duration-fast) var(--ease-out) both;position:absolute;right:0}.user-menu__header{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.user-menu__header-text{min-width:0}.user-menu__header-text .user-menu__name{max-width:170px;font-size:var(--text-sm)}.user-menu__email{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:var(--text-xs);color:var(--text-muted);overflow:hidden}.user-menu__meta{align-items:center;gap:var(--space-2);padding:0 var(--space-2) var(--space-2);flex-wrap:wrap;display:flex}.user-menu__meta .badge svg{width:11px;height:11px}.user-menu__divider{height:1px;margin:var(--space-2) 0;background:var(--border-hairline)}.user-menu__item{align-items:center;gap:var(--space-3);width:100%;min-height:38px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;transition:var(--transition-colors);text-decoration:none;display:flex}.user-menu__item svg{width:16px;height:16px;color:var(--text-subtle);transition:var(--transition-colors)}.user-menu__item:hover{background:var(--surface-glass-hover);color:var(--text-strong)}.user-menu__item:hover svg{color:var(--accent-strong)}.user-menu__item--danger{color:var(--danger-ink)}.user-menu__item--danger svg{color:var(--danger)}.user-menu__item--danger:hover{background:var(--danger-wash);color:var(--danger-ink)}.user-menu__item--danger:hover svg{color:var(--danger)}@media (width<=720px){.user-menu__identity,.user-menu__chevron{display:none}.user-menu__trigger{padding:0}.user-menu__panel{width:min(280px, calc(100vw - var(--space-8)))}}