/* source: existing Figma chatroom-notify/notify-bell.svg carrier; owner reference codex-clipboard-3e37556a-2e69-47fb-8b4e-553d0f2804c9.png uses #565656. The source #313131 carrier is composited at .82 on the white header instead of being redrawn. */
[data-notification-shell] .nb-notifications-pill{position:relative;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#000;text-decoration:none;cursor:pointer}
[data-notification-shell] .nb-notifications-pill__icon{display:grid;width:24px;height:24px;place-items:center}
[data-notification-shell] .nb-notifications-pill__icon img{display:block;width:17.5px;height:20px;object-fit:contain;opacity:.82}
[data-notification-shell] .nb-notifications-pill__badge{position:absolute;top:1px;right:0;min-width:16px;height:16px;padding:0 3px;border:2px solid #fff;border-radius:999px;background:var(--nb-purple,#673eda);color:#fff;font:700 8px/12px Manrope,Arial,sans-serif;text-align:center;white-space:nowrap}
[data-notification-shell] .nb-notifications-pill__badge.is-dot{width:9px;min-width:9px;height:9px;padding:0;top:2px;right:1px;line-height:0}
[data-notification-shell] .nb-notifications-pill__badge[hidden]{display:none}
/* source: existing Notifications count token (--nb-purple) used by the page header/footer badges; the shared menu only adds its compact carrier. */
[data-notification-shell] :is(.nb-account-menu,.c76-account-menu) .nb-account-menu__notification-icon{position:relative;display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:7px;background:#eee7ff;color:#7043d3}
[data-notification-shell] :is(.nb-account-menu,.c76-account-menu) .nb-account-menu__notification-icon img{display:block;width:16px;height:17px;object-fit:contain;opacity:.82}
[data-notification-shell] :is(.nb-account-menu,.c76-account-menu) .nb-account-menu__notification-badge{position:absolute;top:-8px;right:-8px;min-width:15px;height:15px;padding:0 3px;border:2px solid #fff;border-radius:999px;background:var(--nb-purple,#673eda);color:#fff;font:700 8px/11px Manrope,Arial,sans-serif;text-align:center;white-space:nowrap;z-index:1}
[data-notification-shell] :is(.nb-account-menu,.c76-account-menu) .nb-account-menu__notification-badge.is-dot{width:8px;min-width:8px;height:8px;padding:0;top:-5px;right:-5px;line-height:0}
[data-notification-shell] :is(.nb-account-menu,.c76-account-menu) .nb-account-menu__notification-badge[hidden]{display:none}
/* Shared focus token and border-box carrier preserve the account donor in both shells. */
[data-notification-shell] .nb-notifications-pill:focus-visible{outline:3px solid var(--nb-peach,#ffc478);outline-offset:3px}
[data-notification-shell] .nb-notifications-pill,[data-notification-shell] .nb-notifications-pill__badge,[data-notification-shell] .nb-account-menu__notification-badge{box-sizing:border-box}