/* One compact subject selector; class statistics belong below the chart. */
#trainingWorkspace #trainingLocationStatus { display:none!important; }
#gradeWorkspace #gradeSubjectFilters { display:block; flex:0 1 auto; width:auto; min-width:0; margin:0; padding:0; overflow:visible; }
#gradeWorkspace .grade-subject-select-label { display:block; margin:0; }
#gradeWorkspace [data-grade-subject-select] { width:auto; max-width:100%; min-width:125px; height:40px; min-height:40px; margin:0; padding:6px 30px 6px 10px; border:1.5px solid var(--control-outline); border-radius:9px; color:var(--ink); background:var(--surface); font:inherit; font-size:14px; cursor:pointer; }
#gradeWorkspace .grade-student-selector-panel { grid-template-rows:minmax(0,1fr); }
#gradeWorkspace .grade-class-overview { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:center; margin-top:10px; padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
#gradeWorkspace .grade-class-overview .grade-average-summary { display:flex; align-items:baseline; justify-content:flex-start; width:auto; margin:0; padding:0 12px 0 0; gap:5px; border:0; border-right:1px solid var(--line); border-radius:0; background:transparent; font-size:14px; }
#gradeWorkspace .grade-class-overview .grade-average-summary strong { color:var(--ink); font-size:22px; font-variant-numeric:tabular-nums; }
#gradeWorkspace .grade-class-counts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
#gradeWorkspace .grade-class-count { display:flex; flex-direction:column; gap:3px; color:var(--muted); font-size:12px; }
#gradeWorkspace .grade-class-count strong { color:var(--ink); font-size:18px; font-weight:650; font-variant-numeric:tabular-nums; }
#gradeWorkspace .grade-class-counts-note { grid-column:1/-1; font-size:11px; color:var(--muted); margin:0; }
@media(max-width:760px) {
 #gradeWorkspace .grade-compact-toolbar .grade-context-actions { width:auto; margin-left:auto; }
 #gradeWorkspace .grade-compact-toolbar .grade-dataset-title { flex:1 1 130px; }
 #gradeWorkspace [data-grade-subject-select] { height:38px; min-height:38px; min-width:110px; font-size:13px; }
 #gradeWorkspace .grade-student-analysis-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
 #gradeWorkspace .grade-student-selector-panel { position:static; top:auto; width:100%; height:auto; min-height:0; max-height:none; display:block; box-shadow:none; }
 #gradeWorkspace .grade-student-list { display:flex; flex-wrap:nowrap; align-items:stretch; gap:6px; width:100%; max-width:100%; padding:7px; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scrollbar-gutter:auto; -webkit-overflow-scrolling:touch; }
 #gradeWorkspace .grade-student-list-item { display:flex; flex:0 0 auto; align-items:center; justify-content:center; width:auto; min-width:82px; min-height:40px; padding:7px 10px; gap:7px; border:1px solid var(--line); border-radius:8px; white-space:nowrap; }
 #gradeWorkspace .grade-student-name { white-space:nowrap; font-size:13px; }
 #gradeWorkspace .grade-student-list-item.is-active { border-color:var(--accent); }
 #gradeWorkspace .grade-student-list-item strong { font-size:13px; }
 #gradeWorkspace .grade-student-trend-panel { min-height:0; padding:8px 4px; }
 #gradeWorkspace .grade-student-trend-chart { min-width:0; width:100%; }
 #gradeWorkspace .grade-student-trend-svg { height:290px; }
 #gradeWorkspace .grade-class-overview { grid-template-columns:minmax(0,1fr); gap:10px; padding:10px; }
 #gradeWorkspace .grade-class-overview .grade-average-summary { padding:0 0 8px; border-right:0; border-bottom:1px solid var(--line); }
 #gradeWorkspace .grade-class-counts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 8px; }
}