/* === one-pill dropdown group (2025-10-29) === */
nav.tabs .has-sub{
  display:inline-flex;
  gap:0;
  position:relative;                /* чтобы submenu позиционировалось от группы */
  border-radius:10px;
}
nav.tabs .has-sub .tab-main,
nav.tabs .has-sub .tab-caret{
  display:flex; align-items:center; justify-content:center;
  height:44px;
  padding:0 14px;
  background:var(--panel);
  border:1px solid var(--border);
  text-decoration:none;
  font-weight:600;
  letter-spacing:.2px;
  cursor:pointer;
  user-select:none;
}
nav.tabs .has-sub .tab-main{
  padding:0 12px 0 14px;
  border-right:none;
  border-radius:10px 0 0 10px;
}
nav.tabs .has-sub .tab-caret{
  width:auto; min-width:38px;
  padding:0 10px;
  border-left:1px solid rgba(255,255,255,.08);
  border-radius:0 10px 10px 0;
}

/* hover/active как у обычной вкладки */
nav.tabs .has-sub:hover .tab-main,
nav.tabs .has-sub:hover .tab-caret{
  box-shadow:0 0 16px 0 rgba(33,212,255,.25);
}
nav.tabs .has-sub.open .tab-main,
nav.tabs .has-sub.open .tab-caret{
  outline:1px solid rgba(33,212,255,.35);
  background:linear-gradient(180deg,var(--panel),var(--panel-2));
}

/* контекст для выпадающего меню */
.has-sub .submenu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  display:none;
  min-width:220px;
  max-height:min(60vh, 420px);
  overflow:auto;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:0 20px 40px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.02);
  z-index:1001;
  -webkit-overflow-scrolling:touch;
}
.has-sub.open .submenu{ display:block; }