.header-user{margin-left:auto;position:relative}.header-user>button{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--clr-text-dark);padding:.25rem .5rem;border-radius:.5rem;transition:background-color .2s ease}.header-user>button:hover{background-color:var(--clr-hover)}.user-menu-toggle .ui-avatar{width:2rem;height:2rem;font-size:.8rem}.user-menu-toggle .ui-avatar-img{width:2rem;height:2rem;border:2px solid var(--clr-primary)}.user-name{display:none;font-size:.9rem;font-weight:600}.user-chevron{width:1rem;height:1rem;color:var(--clr-text-medium);transition:transform .2s ease}.header-user>button[aria-expanded=true] .user-chevron{transform:rotate(180deg)}.user-menu{display:none;position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--clr-surface);border:1px solid var(--clr-border-strong);border-radius:.75rem;box-shadow:var(--box-shadow-lifted);min-width:200px;padding:.5rem;z-index:100;flex-direction:column;gap:.25rem}.user-menu.active{display:flex}.user-menu a,.user-menu button{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;font-size:.9rem;color:var(--clr-text-dark);transition:background-color .2s ease;width:100%;background:none;border:none;cursor:pointer;text-align:left}.user-menu a:hover,.user-menu button:hover,.user-menu a.active{background-color:var(--clr-hover)}.user-menu a.active{color:var(--clr-primary);font-weight:600}.user-menu-divider{height:1px;background-color:var(--clr-border);margin:.25rem 0}.user-menu form{display:contents}.user-menu button[type=submit]{color:var(--clr-danger)}.user-menu button[type=submit]:hover{background-color:var(--clr-danger-tint)}.header-user--up{margin-left:0;width:100%}.header-user--up>button{width:100%;padding:.5rem}.header-user--up .user-menu{top:auto;bottom:calc(100% + .5rem);left:0;right:auto;min-width:100%}.header-user--named .user-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-user--named .user-chevron{margin-left:auto;flex-shrink:0}