/* One visual contract for the React and standalone private-wardrobe menus. */
.account-menu-panel[role="menu"]{box-sizing:border-box;width:224px;min-width:0;max-width:calc(100vw - 16px);padding:4px;border:1px solid hsl(40 12% 88%);border-radius:8px;background:#fff;color:#1a1a1a;font-family:inherit;font-size:14px;line-height:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;overflow-x:hidden;overflow-y:auto;outline:none}
.account-menu-panel [role="menuitem"]{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:#1a1a1a;font:inherit;text-align:left;text-decoration:none;cursor:pointer;outline:none}
.account-menu-panel [role="menuitem"]:focus-visible,.account-menu-panel [role="menuitem"][data-highlighted],.account-menu-panel [role="menuitem"]:hover{background:hsl(100 15% 90%)}
.account-menu-panel svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.account-menu-panel .account-menu-label{padding:6px 8px;font-weight:400}
.account-menu-panel .account-menu-identity{display:flex;align-items:center;gap:8px;color:#6b7280}
.account-menu-panel .account-menu-identity span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px}
.account-menu-panel [role="separator"]{height:1px;margin:4px -4px;background:hsl(40 15% 92%)}
.account-menu-panel [data-menu-tone="invite"]{color:#78350f;font-weight:500}
.account-menu-panel [data-menu-tone="invite"] svg{color:#c85a32}
.account-menu-panel [data-menu-tone="danger"]{color:#dc2626}
.account-menu-panel [aria-disabled="true"]{opacity:.5;pointer-events:none}
.account-menu-panel .account-menu-status{padding:8px;font-size:12px;color:#6b7280}
#closet-account-menu-layer{position:fixed;inset:0;z-index:1100}
#closet-account-menu{position:fixed;max-height:calc(100dvh - 16px);transform-origin:top right;animation:account-menu-enter 120ms ease-out}
@keyframes account-menu-enter{from{opacity:.6;transform:translateY(-2px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#closet-account-menu{animation:none}}