/* A compact class register: quiet rows, clear seat numbers and useful totals. */
#homeWorkspace { --roster-male:#4d7295; --roster-female:#a46678; }
#homeWorkspace .home-student-directory-panel { overflow:visible; border:1px solid var(--line); border-radius:14px; background:var(--surface); box-shadow:0 2px 8px rgb(20 30 45 / 3%); }
#homeWorkspace .home-student-directory-head { grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"title summary actions"; gap:14px 20px; padding:18px 20px; border-radius:14px 14px 0 0; background:var(--surface); }
#homeWorkspace .home-student-directory-title { gap:9px; }
#homeWorkspace .home-student-directory-title h3 { font-size:19px; font-weight:750; line-height:1.3; letter-spacing:.03em; }
#homeWorkspace .home-student-directory-title .student-manager-section-icon { display:grid; place-items:center; width:30px; height:30px; min-width:30px; flex:0 0 30px; border:0; border-radius:9px; background:color-mix(in srgb,var(--accent) 7%,var(--surface)); color:var(--accent); padding:6px; }
#homeWorkspace .student-manager-section-icon svg { width:18px; height:18px; }
#homeWorkspace .roster-count-note { align-items:center; gap:8px; font-size:12px; line-height:1.3; }
#homeWorkspace .roster-total-count { display:inline-flex; align-items:baseline; gap:4px; padding-right:10px; margin-right:2px; border-right:1px solid var(--line); white-space:nowrap; }
#homeWorkspace .roster-total-count strong { color:var(--ink); font-size:22px; font-weight:750; font-variant-numeric:tabular-nums; line-height:1; }
#homeWorkspace .roster-sex-count { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:6px; background:var(--surface-soft); }
#homeWorkspace .roster-sex-count span { color:var(--ink); font-weight:650; font-variant-numeric:tabular-nums; }
#homeWorkspace .roster-sex-count.is-male { color:var(--roster-male); }
#homeWorkspace .roster-sex-count.is-female { color:var(--roster-female); }
#homeWorkspace .home-student-directory-actions { gap:6px; }
#homeWorkspace .home-student-directory-actions button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:7px 10px; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--ink); box-shadow:none; font-size:13px; font-weight:600; }
#homeWorkspace .home-student-directory-actions button:not(:disabled):hover { background:var(--surface-soft); border-color:var(--muted); }
#homeWorkspace #homeStudentClearBtn:not(:disabled):hover { color:var(--accent); border-color:var(--accent); }
#homeWorkspace .student-directory-list.is-adaptive-columns { gap:6px 16px; padding:18px 20px 22px; }
#homeWorkspace .student-directory-item { grid-template-columns:32px minmax(0,1fr) auto; gap:9px; min-height:48px; padding:7px 10px 7px 7px; border-color:color-mix(in srgb,var(--line) 65%,var(--surface)); border-radius:8px; box-shadow:none; background:var(--surface); }
#homeWorkspace .student-directory-item:nth-child(even) { background:color-mix(in srgb,var(--surface-soft) 60%,var(--surface)); }
#homeWorkspace .student-directory-seat { display:grid; place-items:center; width:30px; min-width:30px; height:30px; min-height:30px; border:0; border-radius:50%; background:color-mix(in srgb,var(--line) 40%,var(--surface)); color:var(--muted); font-size:12px; font-weight:700; line-height:1; font-variant-numeric:tabular-nums; }
#homeWorkspace .student-directory-item strong { font-size:14px; font-weight:650; text-align:left; line-height:1.5; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
#homeWorkspace .student-directory-gender { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-width:22px; font-size:11px; font-weight:500; }
#homeWorkspace .student-directory-gender::before { width:4px; height:4px; margin:0; flex:none; }
#homeWorkspace .student-directory-gender.is-male { color:var(--roster-male); }
#homeWorkspace .student-directory-gender.is-female { color:var(--roster-female); }
#homeWorkspace .student-directory-gender.is-male::before { background:var(--roster-male); }
#homeWorkspace .student-directory-gender.is-female::before { background:var(--roster-female); }
#homeWorkspace .student-directory-item:is(:hover,:focus-within) { border-color:color-mix(in srgb,var(--accent) 30%,var(--line)); background:var(--surface-soft); }
#homeWorkspace .student-directory-list.is-edit-mode .student-directory-item { padding-right:32px; }
#homeWorkspace .student-directory-add { min-height:48px; border-radius:8px; }
#homeWorkspace .student-directory-empty { min-height:240px; padding:24px; }
#homeWorkspace .student-directory-empty > [data-icon] { display:grid; place-items:center; width:48px; height:48px; padding:12px; margin-bottom:7px; border-radius:14px; color:var(--accent); background:color-mix(in srgb,var(--accent) 7%,var(--surface)); }
#homeWorkspace .student-directory-empty strong { color:var(--ink); font-size:16px; }
:root.theme-dark #homeWorkspace { --roster-male:#9cbedc; --roster-female:#dbabba; }
@media(max-width:1000px) {
 #homeWorkspace .home-student-directory-head { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"title actions" "summary summary"; gap:12px; padding:14px 16px; }
}
@media(max-width:760px) {
 #homeWorkspace .home-student-directory-head { padding:12px; gap:10px; }
 #homeWorkspace .home-student-directory-title h3 { font-size:17px; }
 #homeWorkspace .home-student-directory-title { gap:6px; }
 #homeWorkspace .home-student-directory-title .student-manager-section-icon { width:24px; height:28px; min-width:24px; flex-basis:24px; padding:4px; }
 #homeWorkspace .home-student-directory-actions { gap:4px; }
 #homeWorkspace .home-student-directory-actions button { min-height:34px; padding:6px 7px; gap:4px; font-size:12px; }
 #homeWorkspace .student-directory-list.is-adaptive-columns { gap:6px 10px; padding:12px; }
 #homeWorkspace .student-directory-item { gap:6px; grid-template-columns:28px minmax(0,1fr) auto; padding:7px 6px; }
 #homeWorkspace .student-directory-seat { width:28px; height:28px; min-width:28px; min-height:28px; }
}
@media(max-width:380px) {
 #homeWorkspace .home-student-directory-head { grid-template-areas:"title summary" "actions actions"; grid-template-columns:auto minmax(0,1fr); gap:12px 8px; }
 #homeWorkspace .roster-count-note { justify-content:flex-end; gap:4px; }
 #homeWorkspace .roster-total-count { padding-right:5px; margin:0; gap:2px; }
 #homeWorkspace .roster-sex-count { padding:4px; gap:3px; font-size:11px; }
 #homeWorkspace .home-student-directory-actions { justify-content:flex-end; }
 #homeWorkspace .student-directory-list.is-adaptive-columns { padding:10px; gap:5px 7px; }
 #homeWorkspace .student-directory-item { gap:5px; }
 #homeWorkspace .student-directory-gender { min-width:12px; }
 #homeWorkspace .student-directory-gender::before { display:none; }
}
@media(prefers-reduced-motion:reduce) { #homeWorkspace .student-directory-item { transition:none; } }