#navTabs.navbands{
  display:flex;
  flex-direction:column;
  
  flex-wrap:nowrap;
  align-items:stretch;
  gap:6px;
  max-width:1340px;
  padding:10px 16px 12px;
  
  max-height:420px;
}

.navband{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:5px 0 5px 11px;
  border-left:3px solid var(--band, rgba(255,255,255,.25));
  border-radius:3px;
}
.navband.tg-emp{--band:var(--tg-emp)}
.navband.tg-agt{--band:var(--tg-agt)}
.navband.tg-app{--band:var(--tg-app)}
.navband.tg-none{--band:rgba(255,255,255,.22)}


.navband-k{
  flex:0 0 132px;
  display:flex;align-items:center;gap:6px;
  padding-top:8px;
  font:800 10px/1.3 'Poppins',system-ui,Arial,sans-serif;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--band, var(--muted));
  cursor:help;
}
.navband.tg-none .navband-k{color:var(--faint);cursor:default}
.navband-ic{font-size:13px;line-height:1}

.navband-items{
  display:flex;align-items:center;gap:6px 8px;
  flex-wrap:wrap;flex:1 1 auto;min-width:0;
}


#navTabs.navbands .tab.tabprod{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:7px;
  height:34px;
  line-height:34px;
  padding:0 13px;
  text-align:center;
}
#navTabs.navbands .tab.tabprod .ic{line-height:1}


#navTabs .navband.tg-emp .tab.tabprod:hover{box-shadow:inset 0 -2px 0 var(--tg-emp)}
#navTabs .navband.tg-agt .tab.tabprod:hover{box-shadow:inset 0 -2px 0 var(--tg-agt)}
#navTabs .navband.tg-app .tab.tabprod:hover{box-shadow:inset 0 -2px 0 var(--tg-app)}

@media (max-width:1080px){
  .navband{flex-direction:column;gap:4px;align-items:flex-start}
  .navband-k{flex:0 0 auto;padding-top:2px}
}


.chatapp-contact-sub{color:rgba(255,255,255,.86)}