/* V5.9 — professional Student Performance surface and readable theme parity. */
html[data-scroll-theme='student-performance'] {
  --sp-chart-blue:#2563eb;
  --sp-chart-cyan:#06b6d4;
  --sp-chart-green:#16a34a;
  --sp-chart-amber:#d97706;
  --sp-chart-red:#dc2626;
  --sp-chart-purple:#7c3aed;
}
html[data-apu-theme='dark'][data-scroll-theme='student-performance'] {
  --sp-bg:#070707;--sp-sidebar:#0c0c0d;--sp-panel:#151516;--sp-panel-soft:#1b1b1d;
  --sp-text:#f7f7f8;--sp-muted:#b4b4b8;--sp-line:rgba(255,255,255,.11);--sp-input:#101011;
}
html[data-apu-theme='light'][data-scroll-theme='student-performance'] {
  --sp-bg:#f3f3f4;--sp-sidebar:#ffffff;--sp-panel:#ffffff;--sp-panel-soft:#f8f8f9;
  --sp-text:#151517;--sp-muted:#5f6066;--sp-line:rgba(15,15,17,.13);--sp-input:#ffffff;
}
html[data-scroll-theme='student-performance'] body,
html[data-scroll-theme='student-performance'] .sp-app {
  background:var(--sp-bg) !important;
  color:var(--sp-text) !important;
}
html[data-scroll-theme='student-performance'] .sp-app { background-image:none !important; }
html[data-scroll-theme='student-performance'] .sp-sidebar {
  background:var(--sp-sidebar) !important;
  color:var(--sp-text) !important;
  border-right:1px solid var(--sp-line) !important;
  box-shadow:none !important;
}
html[data-scroll-theme='student-performance'] .sp-main { background:transparent !important; }
html[data-scroll-theme='student-performance'] .sp-page-head {
  background:transparent !important;
  color:var(--sp-text) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:2px 0 8px !important;
  margin-bottom:22px !important;
}
html[data-scroll-theme='student-performance'] .sp-page-head h1,
html[data-scroll-theme='student-performance'] .sp-page-head h2,
html[data-scroll-theme='student-performance'] .sp-page-head strong { color:var(--sp-text) !important; }
html[data-scroll-theme='student-performance'] .sp-page-head p { color:var(--sp-muted) !important; font-size:15px; line-height:1.7; }
html[data-scroll-theme='student-performance'] .sp-kicker { color:var(--sp-muted) !important; }
html[data-scroll-theme='student-performance'] .sp-card {
  background:var(--sp-panel) !important;
  color:var(--sp-text) !important;
  border:1px solid var(--sp-line) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.12) !important;
}
html[data-apu-theme='dark'][data-scroll-theme='student-performance'] .sp-card { box-shadow:0 18px 48px rgba(0,0,0,.34) !important; }
html[data-scroll-theme='student-performance'] .sp-card--soft,
html[data-scroll-theme='student-performance'] .sp-output,
html[data-scroll-theme='student-performance'] .sp-detail,
html[data-scroll-theme='student-performance'] .sp-table-wrap {
  background:var(--sp-panel-soft) !important;
  color:var(--sp-text) !important;
  border-color:var(--sp-line) !important;
}
html[data-scroll-theme='student-performance'] :is(.sp-card p,.sp-form-hint,.sp-side-foot,.sp-metric span,.sp-table small,.sp-inline-note) { color:var(--sp-muted) !important; }
html[data-scroll-theme='student-performance'] :is(.sp-control,.sp-form input,.sp-form select,.sp-form textarea) {
  background:var(--sp-input) !important;color:var(--sp-text) !important;border-color:var(--sp-line) !important;
}
html[data-scroll-theme='student-performance'] .sp-table th { background:var(--sp-panel-soft) !important;color:var(--sp-muted) !important; }
html[data-scroll-theme='student-performance'] .sp-table td { color:var(--sp-text) !important;border-color:var(--sp-line) !important; }
html[data-scroll-theme='student-performance'] .sp-btn { background:var(--sp-panel-soft) !important;color:var(--sp-text) !important;border-color:var(--sp-line) !important;box-shadow:none !important; }
html[data-scroll-theme='student-performance'] .sp-btn--primary { background:var(--sp-text) !important;color:var(--sp-bg) !important; }
html[data-scroll-theme='student-performance'] .sp-nav a { color:var(--sp-muted) !important; }
html[data-scroll-theme='student-performance'] .sp-nav a:hover,
html[data-scroll-theme='student-performance'] .sp-nav a.is-active { color:var(--sp-text) !important;background:var(--sp-panel-soft) !important;border-color:var(--sp-line) !important;box-shadow:inset 3px 0 0 var(--sp-text) !important; }

/* Color is reserved for data and status differentiation. */
html[data-scroll-theme='student-performance'] .sp-fill--low { background:linear-gradient(90deg,#15803d,var(--sp-chart-green)) !important; }
html[data-scroll-theme='student-performance'] .sp-fill--medium { background:linear-gradient(90deg,#b45309,var(--sp-chart-amber)) !important; }
html[data-scroll-theme='student-performance'] .sp-fill--high { background:linear-gradient(90deg,#b91c1c,var(--sp-chart-red)) !important; }
html[data-scroll-theme='student-performance'] .sp-badge--low,
html[data-scroll-theme='student-performance'] .sp-score--good { color:#22c55e !important; }
html[data-scroll-theme='student-performance'] .sp-badge--medium,
html[data-scroll-theme='student-performance'] .sp-score--mid { color:#f59e0b !important; }
html[data-scroll-theme='student-performance'] .sp-badge--high,
html[data-scroll-theme='student-performance'] .sp-score--bad { color:#ef4444 !important; }
html[data-scroll-theme='student-performance'] .sp-chart {
  background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(6,182,212,.015)) !important;
  border-color:var(--sp-line) !important;
}
html[data-scroll-theme='student-performance'] .sp-chart text { fill:var(--sp-muted) !important; }
html[data-scroll-theme='student-performance'] .sp-chart .grid { stroke:var(--sp-line) !important; }
html[data-scroll-theme='student-performance'] .sp-chart circle { fill:var(--sp-panel) !important;stroke:var(--sp-chart-blue) !important; }
@media (max-width: 760px) {
  html[data-scroll-theme='student-performance'] .sp-page-head { padding-top:0 !important; }
}
