.saas-topbar-popover{position:relative}.saas-topbar-popover__button{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);block-size:40px;inline-size:40px;color:var(--saas-text-primary);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard);place-items:center;display:inline-grid;position:relative}.saas-topbar-popover__button:hover,.saas-topbar-popover__button[aria-expanded=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-subtle)}.saas-topbar-popover__button:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-topbar-popover__badge{box-sizing:border-box;border:2px solid var(--saas-bg-surface);border-radius:var(--saas-radius-full);background:var(--saas-brand-primary);block-size:18px;min-inline-size:18px;color:var(--saas-brand-on-primary);text-align:center;padding-inline:4px;font-size:10px;font-weight:700;line-height:14px;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.saas-topbar-popover__badge[data-alert=true]{background:var(--saas-status-danger-fill);animation:saas-topbar-popover-ring 1.6s var(--saas-ease-standard) infinite}@keyframes saas-topbar-popover-ring{50%{transform:scale(1.15)}}.saas-topbar-popover__panel{z-index:40;inline-size:min(400px, calc(100vw - 2 * var(--saas-space-md)));max-block-size:min(560px, calc(100vh - var(--saas-header-height) - var(--saas-space-lg)));border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);box-shadow:var(--saas-elevation-popover);opacity:0;visibility:hidden;transition:opacity var(--saas-motion-micro) var(--saas-ease-standard), transform var(--saas-motion-micro) var(--saas-ease-standard), visibility var(--saas-motion-micro);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + var(--saas-space-xs));inset-inline-end:0;transform:translateY(-4px)}.saas-topbar-popover__panel[data-open=true]{opacity:1;visibility:visible;transform:none}@media (width<=599px){.saas-topbar-popover__button{block-size:44px;inline-size:44px}.saas-topbar-popover__panel{inset-block-start:var(--saas-header-height);inset-inline:var(--saas-space-sm);inline-size:auto;position:fixed}}@media (prefers-reduced-motion:reduce){.saas-topbar-popover__badge[data-alert=true]{animation:none}}