/* V9.3.2 VISUAL RUNTIME CONVERGENCE
 * Vector teacher charts + reviewer teacher single-scroll layout.
 * Presentation/runtime only: no business rules, API contracts, data, scoring or permissions changed.
 */

/* Teacher analytics/profile charts: SVG is vector-sharp at any browser zoom/DPI. */
#contentPanel .v66-chart.v932-svg-host{
  height:auto!important;
  min-height:250px!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#contentPanel .v932-chart-svg{
  display:block;
  width:100%;
  height:auto;
  min-height:230px;
  overflow:visible;
}
#contentPanel .v932-chart-svg text{
  font-family:Inter,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
#contentPanel .v932-chart-empty{
  min-height:230px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px dashed #d6e1e9;
  border-radius:12px;
  background:#f8fbfd;
  color:#708697;
  font-size:13px;
  line-height:1.65;
  padding:22px;
}
#contentPanel .v932-chart-note{
  margin-top:8px;
  padding:8px 10px;
  border:1px solid #e0e8ee;
  border-radius:9px;
  background:#f8fafc;
  color:#607688;
  font-size:12px;
  line-height:1.55;
}
#contentPanel .v729-profile-note{font-size:12px!important;line-height:1.55!important}

/* Reviewer teacher: keep the same independent sidebar scroll model as the normal teacher view. */
body.v803-review-teacher #mainLayout{
  align-items:flex-start!important;
  overflow:visible!important;
  min-height:0!important;
}
body.v803-review-teacher #teacherSidebar.sidebar{
  position:sticky!important;
  top:12px!important;
  height:auto!important;
  min-height:0!important;
  max-height:var(--v936-sidebar-max-height, calc(100dvh - 112px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-self:flex-start!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-gutter:stable!important;
}
body.v803-review-teacher #teacherSidebar.sidebar::-webkit-scrollbar{display:block!important;width:8px!important}
body.v803-review-teacher #teacherSidebar.sidebar::-webkit-scrollbar-thumb{background:#a8b4bf!important;border-radius:999px!important}
body.v803-review-teacher #teacherSidebar.sidebar::-webkit-scrollbar-track{background:transparent!important}
body.v803-review-teacher #contentPanel.content-panel{
  overflow:visible!important;
  min-height:calc(100vh - 112px)!important;
}

/* Reviewer role header remains readable on common 1366/1440 widths. */
body.v803-review-active #topBar{gap:14px!important;flex-wrap:nowrap!important}
body.v803-review-active #topBar .logo-area{min-width:0!important;flex:1 1 auto!important}
body.v803-review-active #topBar .logo-text{min-width:0!important}
body.v803-review-active #topBar .logo-text h1{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v803-review-active #topBar .user-area{flex:0 0 auto!important;gap:8px!important}
body.v803-review-active #topBar .user-badge,
body.v803-review-active #topBar .logout-btn{white-space:nowrap!important}

@media(max-width:1180px){
  body.v803-review-active #topBar .logo-text .sub{display:none!important}
  body.v803-review-active #topBar .user-area{gap:6px!important}
  body.v803-review-active #topBar .user-badge,
  body.v803-review-active #topBar .logout-btn{padding:6px 10px!important;font-size:12px!important}
}