/* LVL V1.19.9AQ — STARTED COURSES + RECENT HISTORY */

/* Keep the original analytics component alive but visually remove it.
   It remains the source of truth for renderAnalyticsDashboard(). */
#view-stats .lvl-stats-course-source-1199aq{
  display:none!important;
  visibility:hidden!important;
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* New isolated block. No old .course-performance-* visual class is reused. */
#view-stats .lvl-stats-course-panel-1199aq{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:14px 16px!important;
  border:1px solid #283040!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#0c1119 0%,#0a0e15 100%)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
}

#view-stats .lvl-stats-course-head-1199aq{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:8px!important;
}
#view-stats .lvl-stats-course-head-1199aq>div{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#view-stats .lvl-stats-course-head-1199aq span{
  color:#c74dff!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
#view-stats .lvl-stats-course-head-1199aq h3{
  margin:0!important;
  color:#f0f2f6!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
#view-stats .lvl-stats-course-head-1199aq>strong{
  flex:0 0 auto!important;
  padding-top:2px!important;
  color:#7e8798!important;
  font-size:7px!important;
  font-weight:650!important;
}

#view-stats .lvl-stats-course-list-1199aq{
  display:grid!important;
  gap:0!important;
}
#view-stats .lvl-stats-course-row-1199aq{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 124px!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  padding:9px 0!important;
  border-bottom:1px solid #222a37!important;
}
#view-stats .lvl-stats-course-row-1199aq:last-child{
  border-bottom:0!important;
}

/* This logo host is brand new and intentionally has NO pseudo-element. */
#view-stats .lvl-stats-course-logo-1199aq{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(145,82,220,.32)!important;
  border-radius:11px!important;
  background:#111620!important;
  background-image:none!important;
  box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
}
#view-stats .lvl-stats-course-logo-1199aq::before,
#view-stats .lvl-stats-course-logo-1199aq::after{
  content:none!important;
  display:none!important;
}
#view-stats .lvl-stats-course-logo-img-1199aq{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
}
#view-stats .lvl-stats-course-logo-fallback-1199aq{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#c795ff!important;
  font:900 7px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

#view-stats .lvl-stats-course-copy-1199aq{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#view-stats .lvl-stats-course-copy-1199aq strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f0f1f5!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
#view-stats .lvl-stats-course-copy-1199aq small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#7d8797!important;
  font-size:6.5px!important;
}

#view-stats .lvl-stats-course-progress-1199aq{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
#view-stats .lvl-stats-course-progress-1199aq>i{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:5px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#18202c!important;
}
#view-stats .lvl-stats-course-progress-1199aq>i>b{
  display:block!important;
  width:0;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#8b2fff,#d554ff)!important;
}
#view-stats .lvl-stats-course-progress-1199aq>strong{
  color:#cbd0da!important;
  font-size:7px!important;
  text-align:right!important;
  font-weight:750!important;
}

#view-stats .lvl-stats-course-empty-1199aq{
  padding:14px 0 6px!important;
  color:#7e8797!important;
  font-size:8px!important;
  line-height:1.45!important;
}

@media(max-width:560px){
  #view-stats .lvl-stats-course-panel-1199aq{
    padding:11px 12px!important;
    border-radius:15px!important;
  }
  #view-stats .lvl-stats-course-head-1199aq{
    margin-bottom:5px!important;
  }
  #view-stats .lvl-stats-course-head-1199aq h3{
    font-size:11px!important;
  }
  #view-stats .lvl-stats-course-head-1199aq span,
  #view-stats .lvl-stats-course-head-1199aq>strong{
    font-size:5.8px!important;
  }
  #view-stats .lvl-stats-course-row-1199aq{
    grid-template-columns:34px minmax(0,1fr) 94px!important;
    gap:8px!important;
    padding:7px 0!important;
  }
  #view-stats .lvl-stats-course-logo-1199aq{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    border-radius:9px!important;
  }
  #view-stats .lvl-stats-course-copy-1199aq strong{
    font-size:7.5px!important;
  }
  #view-stats .lvl-stats-course-copy-1199aq small{
    font-size:5.4px!important;
  }
  #view-stats .lvl-stats-course-progress-1199aq{
    grid-template-columns:minmax(0,1fr) 24px!important;
    gap:6px!important;
  }
  #view-stats .lvl-stats-course-progress-1199aq>i{
    height:4px!important;
  }
  #view-stats .lvl-stats-course-progress-1199aq>strong{
    font-size:6px!important;
  }
}

/* V1.19.9AQ — Only the three newest history events stay visible.
   The underlying analytics rows remain in the DOM; this is presentation-only. */
#view-stats.lvl-stats-1199ai #statsRecentSessions .session-row:nth-child(n+4){
  display:none!important;
}

/* Started-course empty state */
#view-stats .lvl-stats-course-empty-1199aq{
  display:grid!important;
  gap:4px!important;
  padding:16px 4px 10px!important;
  border-top:1px solid #202735!important;
}
#view-stats .lvl-stats-course-empty-1199aq strong{
  color:#eef0f5!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:800!important;
}
#view-stats .lvl-stats-course-empty-1199aq span{
  color:#7f8898!important;
  font-size:7px!important;
  line-height:1.5!important;
  max-width:520px!important;
}
@media(max-width:560px){
  #view-stats .lvl-stats-course-empty-1199aq{
    padding:12px 2px 7px!important;
  }
  #view-stats .lvl-stats-course-empty-1199aq strong{
    font-size:7.5px!important;
  }
  #view-stats .lvl-stats-course-empty-1199aq span{
    font-size:5.8px!important;
  }
}