/* Human Verified feedback outside the console (js/views/hv-notify.js): the
   unread count on the sidebar item and the bell in the top bar. */
.side-item .hvn-badge { margin-left: auto; min-width: 18px; height: 18px; padding: 0 6px; box-sizing: border-box;
  display: inline-grid; place-items: center; border-radius: 9px; font-size: 11px; font-weight: 600; line-height: 1;
  background: var(--ui-ink, var(--text-primary)); color: var(--ui-bg, var(--bg)); font-variant-numeric: tabular-nums; }
.side-item .hvn-badge[hidden] { display: none; }
.hvn-bell { position: relative; width: 34px; height: 34px; display: grid; place-items: center; flex: none; padding: 0;
  border: 1px solid var(--ui-line, var(--border)); border-radius: 9px; background: transparent;
  color: var(--ui-ink, var(--text-primary)); cursor: pointer; }
.hvn-bell[hidden] { display: none; }
.topnav .hvn-bell:hover:not(:disabled) { background: var(--ui-hover, var(--surface-2)); }
.hvn-bell:focus-visible { outline: 2px solid var(--ui-ink, var(--text-primary)); outline-offset: 2px; }
.hvn-bell svg { width: 17px; height: 17px; }
.hvn-bell .n { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box;
  display: grid; place-items: center; border-radius: 9px; font-size: 11px; font-weight: 600;
  background: var(--ui-ink, var(--text-primary)); color: var(--ui-bg, var(--bg));
  border: 2px solid var(--ui-bg, var(--bg)); font-variant-numeric: tabular-nums; }
/* One bell: with the top bar's, the console's own steps aside (its panel stays, anchored to the top bar). */
body.hvn-on .hvo-bell { display: none; }
.topnav .hvn-bell[aria-expanded="true"] { background: var(--ui-hover, var(--surface-2)); }