.hp-user-menu { position: relative; }
.hp-user-menu summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: .5rem; padding: .25rem .45rem; border-radius: 999px; }
.hp-user-menu summary::-webkit-details-marker { display: none; }
.hp-user-menu[open] summary, .hp-user-menu summary:hover { background: rgba(15, 23, 42, .06); }
.hp-user-menu-panel { position: absolute; right: 0; top: calc(100% + .45rem); min-width: 220px; background: #fff; border: 1px solid rgba(15, 23, 42, .14); border-radius: 14px; box-shadow: 0 18px 45px rgba(15, 23, 42, .18); padding: .45rem; z-index: 80; }
.hp-user-menu-panel a { display: block; padding: .65rem .75rem; border-radius: 10px; color: inherit; text-decoration: none; white-space: nowrap; }
.hp-user-menu-panel a:hover { background: rgba(15, 23, 42, .06); }
.hp-user-menu-panel a.danger { color: #991b1b; }
.hp-kv-list { display: grid; grid-template-columns: minmax(10rem, 16rem) 1fr; gap: .5rem 1rem; }
.hp-kv-list dt { color: #64748b; }
.hp-kv-list dd { margin: 0; font-weight: 600; }
@media (max-width: 760px) { .hp-user-menu-panel { right: auto; left: 0; } .hp-kv-list { grid-template-columns: 1fr; } }