.dc-user-menu{--dc-user-menu-accent:var(--primary-500, #4452ff);--dc-user-menu-bg:var(--base-50, #f8fafc);--dc-user-menu-border:var(--base-200, #e2e8f0);--dc-user-menu-fg:var(--base-900, #0f172a);--dc-user-menu-muted:var(--base-500, #64748b);display:inline-flex;font-family:inherit;position:relative;z-index:30}.dc-user-menu [hidden]{display:none!important}.dc-user-menu__trigger{align-items:center;appearance:none;background:var(--base-50,#f8fafc);border:2px solid var(--base-50,#f8fafc);border-radius:999px;box-shadow:0 2px 8px rgb(15 23 42 / 14%);color:var(--dc-user-menu-fg);cursor:pointer;display:inline-flex;height:48px;justify-content:center;margin:0;overflow:hidden;padding:0;transition:box-shadow 160ms ease,transform 130ms ease;width:48px}.dc-user-menu__trigger:hover{box-shadow:0 6px 18px rgb(15 23 42 / 20%);transform:translateY(-1px)}.dc-user-menu__trigger:active{transform:scale(.98)}.dc-user-menu__trigger:focus-visible,.dc-user-menu__icon-button:focus-visible,.dc-user-menu__link:focus-visible{outline:3px solid color-mix(in srgb,var(--dc-user-menu-accent) 42%,transparent);outline-offset:3px}.dc-user-menu__avatar{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.dc-user-menu__trigger-icon{height:24px;width:24px}.dc-user-menu__popover{background:var(--dc-user-menu-bg);border:1px solid var(--dc-user-menu-border);border-radius:var(--radius-lg,18px);box-shadow:0 22px 60px rgb(15 23 42 / 16%),0 3px 10px rgb(15 23 42 / 8%);color:var(--dc-user-menu-fg);max-height:min(660px, calc(100dvh - 32px));overflow:auto;position:absolute;right:0;top:calc(100% + 12px);transform-origin:top right;width:min(376px, calc(100vw - 32px))}.dc-user-menu__popover[data-state="open"]{animation:dc-user-menu-in 180ms cubic-bezier(.22,1,.36,1) both}.dc-user-menu__header{align-items:center;border-bottom:1px solid var(--dc-user-menu-border);display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:20px 20px 16px}.dc-user-menu__identity{align-items:center;display:grid;gap:12px;grid-template-columns:40px minmax(0,1fr);min-width:0}.dc-user-menu__mini-avatar{border-radius:999px;display:block;height:40px;object-fit:cover;width:40px}.dc-user-menu__identity-copy{min-width:0}.dc-user-menu__identity-copy strong,.dc-user-menu__identity-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-user-menu__identity-copy strong{font-size:15px;font-weight:700;line-height:1.3}.dc-user-menu__identity-copy span{color:var(--dc-user-menu-muted);font-size:13px;margin-top:2px}.dc-user-menu__icon-button{align-items:center;appearance:none;background:var(--dc-user-menu-bg);border:1px solid var(--dc-user-menu-border);border-radius:var(--radius-md,12px);color:inherit;cursor:pointer;display:inline-flex;height:44px;justify-content:center;margin:0;padding:0;transition:background 150ms ease,border-color 150ms ease,transform 120ms ease;width:44px}.dc-user-menu__icon-button:hover,.dc-user-menu__icon-button[aria-pressed="true"]{background:color-mix(in srgb,var(--dc-user-menu-accent) 10%,var(--dc-user-menu-bg));border-color:color-mix(in srgb,var(--dc-user-menu-accent) 38%,var(--dc-user-menu-border))}.dc-user-menu__icon-button:active{transform:scale(.97)}.dc-user-menu__icon-button svg{height:20px;width:20px}.dc-user-menu__member-preview{border-bottom:1px solid var(--dc-user-menu-border);padding:16px 20px}.dc-user-menu__label{color:var(--dc-user-menu-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin:0;padding:16px 20px 8px;text-transform:uppercase}.dc-user-menu__list{display:grid;list-style:none;margin:0;padding:4px 10px 10px}.dc-user-menu__link{align-items:center;border-radius:var(--radius-md,12px);color:inherit;display:grid;font-size:15px;font-weight:650;gap:12px;grid-template-columns:36px minmax(0,1fr) 18px;min-height:52px;padding:7px 10px;text-decoration:none;transition:background 140ms ease,transform 120ms ease}.dc-user-menu__link:hover{background:color-mix(in srgb,var(--dc-user-menu-fg) 5%,transparent);color:inherit}.dc-user-menu__link:active{transform:translateX(1px)}.dc-user-menu__menu-icon{align-items:center;border:1px solid var(--dc-user-menu-border);border-radius:var(--radius-sm,10px);color:var(--dc-user-menu-muted);display:inline-flex;height:36px;justify-content:center;width:36px}.dc-user-menu__menu-icon svg,.dc-user-menu__chevron{height:18px;width:18px}.dc-user-menu__chevron{color:var(--dc-user-menu-muted)}.dc-user-menu__account-row{border-top:1px solid var(--dc-user-menu-border);margin-top:4px;padding-top:4px}.dc-user-menu__notifications{min-height:300px;padding-bottom:16px}.dc-user-menu__notifications-toolbar{align-items:center;display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr);padding:14px}.dc-user-menu__notifications-toolbar h2{font-size:19px;line-height:1.25;margin:0}.dc-user-menu__empty-state{align-content:center;display:grid;justify-items:center;min-height:220px;padding:32px;text-align:center}.dc-user-menu__empty-state>svg{color:var(--dc-user-menu-muted);height:32px;margin-bottom:14px;width:32px}.dc-user-menu__empty-state h3{font-size:17px;line-height:1.3;margin:0}.dc-user-menu__empty-state p{color:var(--dc-user-menu-muted);font-size:13px;line-height:1.5;margin:6px 0 0;max-width:28ch}@keyframes dc-user-menu-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:560px){.dc-user-menu__popover{left:16px;max-height:calc(100dvh - var(--dc-user-menu-mobile-top, 72px) - 16px);position:fixed;right:16px;top:var(--dc-user-menu-mobile-top,72px);transform-origin:top center;width:auto}}@media (prefers-reduced-motion:reduce){.dc-user-menu__popover[data-state="open"]{animation:none}.dc-user-menu__trigger,.dc-user-menu__icon-button,.dc-user-menu__link{transition-duration:.01ms}}