/* ===========================================================================
   Section sub-nav · Liquid Glass — единый стиль таб-баров разделов.
   Бренд-градиентный rounded-бар с frosted-пилюлями (в духе Smartrix/Расписания).
   Подключается ГЛОБАЛЬНО в base.html; влияет только на элементы с классом .gnav*.
   Используется в: _pipeline_subnav, _students_tabs, _partnership_tabs,
   _crm_products_tabs, _analytics_tabs, _me_subnav, _process_tabs,
   broadcasts_index, crm_offer_card.
   =========================================================================== */
.gnav{
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  padding: 6px; border-radius: 16px;
  background: linear-gradient(135deg, rgba(13,148,136,.96), rgba(14,116,144,.96) 45%, rgba(67,56,202,.96));
  -webkit-backdrop-filter: blur(12px) saturate(170%); backdrop-filter: blur(12px) saturate(170%);
  box-shadow: 0 12px 30px -16px rgba(2,6,23,.5), inset 0 1px 0 rgba(255,255,255,.28);
}
.gnav-pill{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px; border-radius: 11px; font-size: 14px; font-weight: 500;
  white-space: nowrap; color: rgba(255,255,255,.88); text-decoration: none;
  transition: background .15s, color .15s;
}
.gnav-pill:hover{ background: rgba(255,255,255,.16); color: #fff; }
.gnav-pill.is-active{
  background: #fff; color: #0f172a; font-weight: 600;
  box-shadow: 0 6px 16px -6px rgba(2,6,23,.45);
}
.gnav-badge{ font-size: 10px; text-transform: uppercase; letter-spacing: .04em; color: rgba(255,255,255,.6); }
.gnav-pill.is-active .gnav-badge{ color: #475569; }
.gnav-count{ font-size: 11px; color: rgba(255,255,255,.65); margin-left: 2px; }
.gnav-pill.is-active .gnav-count{ color: #047857; }
.gnav-dot{
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; font-size: 10px; font-weight: 700; border-radius: 9999px;
  background: #dc2626; color: #fff; margin-left: 4px;
}
@media (max-width: 900px){ .gnav{ -webkit-backdrop-filter: none; backdrop-filter: none; } }

/* Модификатор «во всю ширину»: пилюли растягиваются и центрируются — для разделов
   с широкими страницами (психопрофили). Подключается опционально: class="gnav gnav-wide". */
.gnav-wide{ width: 100%; }
.gnav-wide .gnav-pill{ flex: 1 1 auto; justify-content: center; padding: 9px 16px; }