/* PHASE 8D FIX2 — Admin sidebar grouped submenus */

.tl8f-sidebar-nav{
  gap:.4rem!important;
}

.tl8f-dashboard-link{
  margin-bottom:.25rem;
}

.tl8f-nav-group{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.025);
}

.tl8f-nav-group>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
  min-height:46px;
  padding:.6rem .7rem;
  cursor:pointer;
  color:rgba(255,255,255,.88);
  user-select:none;
  transition:background .16s ease,color .16s ease;
}

.tl8f-nav-group>summary::-webkit-details-marker{
  display:none;
}

.tl8f-nav-group>summary:hover,
.tl8f-nav-group[open]>summary{
  background:rgba(255,255,255,.07);
  color:#fff;
}

.tl8f-nav-group[data-active="1"]>summary{
  color:#fff4bd;
}

.tl8f-group-title{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-width:0;
  font-weight:700;
  font-size:.9rem;
}

.tl8f-group-title>span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.tl8f-chevron{
  flex:0 0 auto;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.06);
  transition:transform .18s ease;
  font-size:.9rem;
}

.tl8f-nav-group[open] .tl8f-chevron{
  transform:rotate(180deg);
}

.tl8f-submenu{
  padding:.2rem .45rem .5rem;
  border-top:1px solid rgba(255,255,255,.055);
}

.tl8f-submenu .nav-link{
  min-height:40px!important;
  padding:.5rem .55rem!important;
  margin:.15rem 0;
  border-radius:10px!important;
  font-size:.82rem!important;
}

.tl8f-submenu .nav-link .tl-nav-glyph{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:9px!important;
  font-size:.72rem!important;
}

.tl8f-submenu .nav-link.active{
  box-shadow:inset -3px 0 0 #e4b620;
}

.tl8f-live-link{
  border:1px solid rgba(228,182,32,.28)!important;
}

.tl8f-live-link:not(.active){
  background:rgba(228,182,32,.06)!important;
}

.tl-sidebar{
  overflow:hidden!important;
}

.tl-sidebar-nav{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.2) transparent;
  padding-inline-end:.15rem;
}

.tl-sidebar-nav::-webkit-scrollbar{
  width:6px;
}

.tl-sidebar-nav::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18);
  border-radius:20px;
}

.tl-sidebar-nav::-webkit-scrollbar-track{
  background:transparent;
}

@media(max-width:991.98px){
  .tl8f-nav-group>summary{
    min-height:44px;
  }

  .tl8f-submenu .nav-link{
    min-height:38px!important;
  }
}