#gradeWorkspace .grade-sidebar { display:none; }
#gradeWorkspace .grade-dashboard { display:block; padding:0; }
.grade-compact-toolbar { display:flex; align-items:center; gap:10px; margin-bottom:12px; min-width:0; }
#gradeWorkspace .grade-context-actions { display:flex; flex:none; gap:6px; margin:0; }
#gradeWorkspace .grade-context-actions button,#gradeWorkspace .grade-file-button { width:auto; min-height:36px; padding:7px 10px; white-space:nowrap; }
#gradeWorkspace .grade-dataset-title { min-width:0; margin:0; flex:0 1 420px; }
.grade-exam-picker { display:flex; align-items:center; gap:7px; width:100%; min-width:0; min-height:36px; padding:7px 10px; }
.grade-exam-picker strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.grade-exam-picker .ui-icon { flex:none; width:16px; }
.grade-subject-picker { flex:0 0 auto; width:auto !important; min-height:36px; padding:7px 10px; }
#gradeWorkspace .grade-student-analysis-layout { grid-template-columns:230px minmax(0,1fr); gap:12px; }
#gradeWorkspace .grade-student-list { grid-template-columns:minmax(0,1fr); }
#gradeWorkspace .grade-student-selector-panel { position:sticky; height:calc(100dvh - 190px); min-height:340px; top:10px; }
#gradeWorkspace .grade-student-analysis-detail { display:block; }
.grade-subject-dialog { width:min(520px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:auto; padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); }
.grade-subject-dialog::backdrop { background:#15223570; }
.grade-subject-dialog > header { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.grade-subject-dialog h2 { margin:0; font-size:18px; }
.grade-subject-dialog .grade-subject-title { display:none; }
.grade-subject-dialog .grade-subject-section { padding:0; border:0; }
.grade-subject-dialog .grade-subject-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.grade-subject-dialog .grade-score-key { margin-top:16px; }
.grade-exam-choice { padding:8px; min-width:0; text-align:left; white-space:normal; overflow-wrap:anywhere; border:0; background:transparent; }
.grade-exam-choice[aria-pressed="true"] { color:var(--accent); background:color-mix(in srgb,var(--accent) 8%,transparent); }
@media(max-width:760px) {
 #gradeWorkspace .grade-compact-toolbar { flex-wrap:wrap; gap:6px; margin-bottom:8px; }
 #gradeWorkspace .grade-context-actions { width:100%; justify-content:flex-start; }
 #gradeWorkspace .grade-file-button,#gradeWorkspace .grade-template-download { flex:0 0 auto; width:auto !important; min-width:0 !important; }
 #gradeWorkspace .grade-dataset-title { flex:1 1 0; }
 #gradeWorkspace .grade-student-analysis-layout { grid-template-columns:130px minmax(0,1fr); gap:6px; }
 #gradeWorkspace .grade-analysis-main,#gradeWorkspace .grade-analysis-workspace { padding:0; min-width:0; }
 #gradeWorkspace .grade-student-selector-panel { height:calc(100dvh - 230px); min-height:320px; max-height:none; }
 #gradeWorkspace .grade-student-list { padding:4px; gap:3px; scrollbar-gutter:auto; }
 #gradeWorkspace .grade-student-list-item { grid-template-columns:minmax(0,1fr) auto; padding:7px 4px; gap:3px; font-size:12px; }
 #gradeWorkspace .grade-student-list-item .grade-student-seat { display:none; }
 #gradeWorkspace .grade-student-name { font-size:12px; }
 #gradeWorkspace .grade-student-list-item strong { font-size:12px; }
 #gradeWorkspace .grade-student-filterbar { padding:5px; gap:4px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); min-height:0; }
 #gradeWorkspace .grade-band-filters,#gradeWorkspace .grade-score-sort-control { display:contents; }
 #gradeWorkspace .grade-average-summary { display:flex; flex-wrap:wrap; justify-content:center; gap:3px; padding:4px 2px; font-size:10px; }
 #gradeWorkspace .grade-average-main { gap:3px; font-size:10px; }
 #gradeWorkspace .grade-average-summary strong { font-size:13px; }
 #gradeWorkspace .grade-band-filters button { padding:4px; min-width:0; font-size:10px; }
 #gradeWorkspace .grade-student-trend-panel { padding:6px; min-height:340px; overflow-x:auto; }
 #gradeWorkspace .grade-student-trend-chart { min-width:360px; }
 #gradeWorkspace .grade-student-trend-svg { height:340px; }
 #gradeDatasetOrderList .grade-dataset-order-item { grid-template-columns:20px 22px minmax(0,1fr) auto; gap:3px; padding:7px; }
 #gradeDatasetOrderList .grade-dataset-order-actions { gap:2px; }
 #gradeDatasetOrderList .icon-button { width:26px; min-width:26px; padding:3px; }
}