/* Счётчики и точки состояния на пунктах меню Welcome (welcome-nav-badges.js). Меню тёмное в обеих темах
   (welcome-shell.css), поэтому токены близки; светлая тема чуть контрастнее по кольцу. */
:root{--wnb-bad:#f0958c;--wnb-warn:#e4b86d;--wnb-pill-bg:#2f6f69;--wnb-pill-text:#eafaf7;--wnb-ring:#141e28}
body.theme-dark{--wnb-bad:#f0958c;--wnb-warn:#e4b86d;--wnb-pill-bg:#2a5f5a;--wnb-pill-text:#e6f5f2;--wnb-ring:#141e28}

#operatorsTabs .seg-tab>.wnb{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto;padding-left:6px;pointer-events:none}
#operatorsTabs .seg-tab>.wnb>*{pointer-events:auto}
.wnb-count{min-width:20px;height:18px;padding:0 6px;box-sizing:border-box;border-radius:9px;background:var(--wnb-pill-bg);color:var(--wnb-pill-text);
  font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.wnb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--wnb-warn);box-shadow:0 0 0 3px var(--wnb-ring)}
.wnb-dot.bad{background:var(--wnb-bad)}
/* Своя точка уже показывает состояние пункта: точку welcome-health.js на нём не дублируем. */
#operatorsTabs .seg-tab.wnb-has-dot>.whb-badge{display:none}
/* Пункт с подписью и значком: текст сжимается, значок не уезжает за край. */
#operatorsTabs .seg-tab:has(>.wnb) .tab-text-wrap{min-width:0;overflow:hidden;text-overflow:ellipsis}
