/* Content-aligned page actions; the profile toolbar stays visible on scroll. */
html .bdx-page-toolbar { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; box-sizing: border-box; width: 100%; min-height: 44px; }
html .bdx-page-toolbar.bdx-page-toolbar { margin: calc(-1 * var(--space-1)) 0 var(--space-3); padding-top: env(safe-area-inset-top, 0px); }
html.profile-page .bdx-page-toolbar.bdx-page-toolbar { position: sticky; top: max(var(--space-2), env(safe-area-inset-top)); z-index: 900; margin-top: 0; margin-bottom: 0; padding-bottom: var(--space-3); pointer-events: none; }
html.profile-page .bdx-action-menu { pointer-events: auto; }
.bdx-action-menu { position: relative; display: flex; flex: 0 0 44px; width: 44px; justify-self: end; margin-left: auto; z-index: 900; }
.bdx-action-menu__toggle { position: relative; }
.bdx-action-menu__toggle svg { width: 22px; height: 22px; stroke-width: 2.25; }
.bdx-action-menu__panel { position: fixed; display: grid; width: max-content; max-width: calc(100vw - 32px); box-sizing: border-box; padding: var(--space-2); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-menu); overflow-y: auto; overscroll-behavior: contain; }
.bdx-action-menu__panel[hidden], .bdx-action-menu__status[hidden], .achievement-alert-ping[hidden] { display: none; }
.bdx-action-menu__panel form { margin: 0; }
.bdx-action-menu__item { display: flex; align-items: center; justify-content: flex-start; gap: var(--space-3); box-sizing: border-box; width: 100%; min-height: 44px; margin: 0; padding: var(--space-3); border: 0; border-radius: var(--radius-sm); background: #fff; color: var(--text-strong); font: 600 var(--text-sm)/1.5 var(--font-ui); text-align: left; text-decoration: none; box-shadow: none; cursor: pointer; }
.bdx-action-menu__item svg { flex: 0 0 22px; width: 22px; height: 22px; color: var(--action-primary); }
.bdx-action-menu__item--remove svg { color: var(--action-danger); }
.bdx-action-menu__item--add svg { color: var(--text-success); }
.bdx-action-menu__item.is-fav svg { color: #f5b301; }
.bdx-action-menu__item.is-wish svg { color: var(--action-primary); }
.bdx-action-menu__item.is-disabled { color: var(--text-muted); }
.bdx-action-menu__item.is-disabled svg { color: inherit; }
.bdx-action-menu__item:not(:disabled):is(:hover,:focus-visible) { background: var(--surface-info); }
.bdx-action-menu__item:disabled { color: var(--text-muted); opacity: .55; cursor: default; }
.bdx-action-menu__item:disabled svg { color: inherit; }
.bdx-action-menu .achievement-alert-ping { flex: 0 0 10px; width: 10px; height: 10px; margin-left: auto; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; background: var(--dex-red); }
.bdx-action-menu__toggle .achievement-alert-ping { position: absolute; top: 3px; right: 3px; }
.bdx-action-menu__status { position: absolute; top: calc(100% + 8px); right: 0; width: max-content; max-width: calc(100vw - 32px); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: #fff; color: var(--text-strong); box-shadow: var(--shadow-card); font-size: var(--text-sm); }