/* The unread count on the Chat tab (group chat badge add-on). It sits on the tab button itself
   (the shell gives .tab position: relative), just right of the icon's middle, so it also shows
   when the tab bar moves into the top bar on a wide screen (bar.top_nav hides the icons there). */
.tab > .gc-tab-badge {
  position: absolute; top: 2px; left: calc(50% + 6px);
  min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box;
  border-radius: 10px; border: 2px solid var(--tabbar-bg, var(--surface));
  background: var(--danger, #d3202f); color: #fff;
  font-size: 11px; font-weight: 800; line-height: 16px; text-align: center;
  pointer-events: none;
}
html.nav-top .appbar .tab > .gc-tab-badge { top: 0; left: auto; right: 0; }