#gradeWorkspace .grade-dataset-title { flex:0 1 auto; width:max-content; max-width:calc(100% - 110px); }
#gradeWorkspace .grade-exam-picker { width:auto; max-width:100%; }
#gradeWorkspace .grade-student-seat { display:none; }
#gradeWorkspace .grade-student-list-item { grid-template-columns:minmax(0,max-content) auto; justify-content:start; gap:7px; padding:7px 6px 7px 13px; }
#gradeWorkspace .grade-student-list-item::before { left:3px; width:2px; }
#gradeWorkspace .grade-student-name { min-width:0; }
#seatWorkspace .seat-compact-tools { justify-content:flex-start; }
#growthWorkspace .growth-student-index { display:none; }
#growthWorkspace .growth-layout { display:block; }
.growth-name-picker { display:inline-flex; align-items:center; gap:7px; padding:6px 10px; font:inherit; color:inherit; border:1px solid var(--line); border-radius:9px; background:var(--surface); }
.growth-name-dialog { width:min(640px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:auto; padding:16px; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:16px; }
.growth-name-dialog::backdrop { background:#15223570; }
.growth-name-dialog > header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.growth-name-dialog h2 { font-size:18px; margin:0; }
.growth-name-dialog .growth-student-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-height:65dvh; overflow:auto; }
.cadre-role-display { display:none; }
@media(max-width:760px) {
 #gradeWorkspace .grade-student-list-item { gap:5px; }
 #studentCadreBoard:not(.is-edit-mode) .student-cadre-role-name-input { display:none; }
 #studentCadreBoard:not(.is-edit-mode) .cadre-role-display { display:flex; width:100%; min-height:28px; align-items:center; justify-content:center; text-align:center; font-size:12px; line-height:20px; font-weight:700; overflow-wrap:anywhere; }
 #studentCadreBoard .student-cadre-role-label.has-subject-icon { display:flex; align-items:center; justify-content:center; height:auto; min-height:28px; padding:0; margin:0; color:var(--ink); }
 #studentCadreBoard .cadre-role-display { color:var(--ink); margin:0; padding:0; }
 #hygieneWorkspace .student-hygiene-corner { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:52px; }
 #hygieneWorkspace .student-hygiene-corner-line { display:none; }
 #hygieneWorkspace .student-hygiene-corner > span { position:static; font-size:10px; line-height:1.2; white-space:nowrap; }
 #hygieneWorkspace .student-hygiene-corner-area { padding-bottom:4px; border-bottom:1px solid var(--line); }
 .growth-name-dialog { padding:12px; }
 .growth-name-dialog .growth-student-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}