.student-picker{min-width:0}.student-picker-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:10px}.student-picker-tools .field{flex:1;min-width:180px;margin:0}.student-picker-tools>[data-student-picker-count]{padding-bottom:12px;white-space:nowrap}.student-picker-list{max-height:310px;overflow:auto;border:1px solid #dce6f5;border-radius:12px;background:#fff;scrollbar-width:thin;scrollbar-color:#a6bfdf transparent}.student-picker-row{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:0!important;border-bottom:1px solid #edf1f8;cursor:pointer;font-weight:400!important}.student-picker-row:last-of-type{border-bottom:0}.student-picker-row:hover{background:#f3f7fd}.student-picker-row>input{width:17px;height:17px;flex:0 0 17px;margin:0}.student-picker-row>span{min-width:0}.student-picker-row b{font-size:.94rem}.student-picker-meta{display:block;color:#617597;font-size:.79rem;line-height:1.4;overflow-wrap:anywhere}.student-picker-mismatch{display:block;color:#ad302a;font-size:.8rem}.student-picker-empty{padding:12px}.student-picker [hidden]{display:none!important}.roster-placement{padding:16px;border:1px solid #dce6f5;border-radius:12px;background:#f6f9ff;margin:14px 0}.roster-placement .actions{margin-top:12px}.roster-row-actions{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:600px){.student-picker-tools{align-items:start;gap:6px}.student-picker-tools>[data-student-picker-count]{padding-bottom:0}.student-picker-list{max-height:290px}.student-picker-row{min-height:52px}.student-picker-row>input{width:20px;height:20px;flex-basis:20px}}
.class-form-section{min-width:0}
#class-workflow-form{display:grid;gap:22px}
#class-workflow-form>.class-create-fields{gap:16px 20px;margin:0}
#class-workflow-form .class-create-fields .field{margin:0}
#class-workflow-form>.class-form-section{display:grid;gap:14px;margin:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
#class-workflow-form .class-form-section>h3{margin:0;font-size:1.05rem;line-height:1.45;color:var(--navy)}
#class-workflow-form .class-form-section>p{margin:0;line-height:1.6}
#class-workflow-form .class-teacher-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
#class-workflow-form .class-teacher-options>.check{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:9px 12px;border:1px solid #e2eaf5;border-radius:10px;background:#f7faff;font-size:.94rem;line-height:1.45}
#class-workflow-form .class-teacher-options>.check[hidden]{display:none!important}
#class-workflow-form .class-teacher-options input{flex:0 0 17px;width:17px;height:17px;margin:0}
#class-workflow-form .student-picker{margin:0}
#class-workflow-form .student-picker-tools{margin:0 0 12px;gap:12px}
#class-workflow-form .student-picker>p{margin:10px 0 0;line-height:1.6}
#class-workflow-form>.form-error:empty{display:none}
#class-workflow-form>.actions{margin:0;padding-top:2px}
#dashboard-attendance .dashboard-attendance-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px 20px;margin-bottom:20px}
#dashboard-attendance .dashboard-attendance-header>h2{margin:0}
#dashboard-attendance .dashboard-attendance-header>.field{width:230px;max-width:100%;margin:0}
#dashboard-attendance .dashboard-attendance-header>.field>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#dashboard-attendance .attendance-summary{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);align-items:center;gap:20px;min-height:200px}
#dashboard-attendance .attendance-ring{display:block;width:100%;max-width:210px;height:auto;justify-self:center}
#dashboard-attendance .attendance-list{display:grid;gap:10px;min-width:0}
#dashboard-attendance .attendance-metric{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:56px;padding:10px 16px;border-radius:12px;background:#eff5ff;color:#1d57b8}
#dashboard-attendance .attendance-metric>span{font-size:.94rem;font-weight:600;line-height:1.4}
#dashboard-attendance .attendance-metric>strong{display:flex;align-items:baseline;gap:5px;font-size:1.8rem;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
#dashboard-attendance .attendance-metric small{font-size:.72rem;font-weight:500}
#dashboard-attendance .attendance-metric--absent{background:#fff1ec;color:#c74728}
#dashboard-attendance .attendance-metric--excused{background:#f0f3f8;color:#586b8a}
#dashboard-attendance .attendance-summary+.tiny{margin:16px 0 0;line-height:1.5}
#dashboard-attendance{container-type:inline-size}
@container(max-width:380px){#dashboard-attendance .attendance-summary{grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:12px;min-height:180px}#dashboard-attendance .attendance-metric{padding:10px;gap:8px;min-height:52px}#dashboard-attendance .attendance-metric>span{font-size:.84rem}#dashboard-attendance .attendance-metric>strong{font-size:1.6rem}#dashboard-attendance .attendance-metric small{display:none}}
@container(max-width:290px){#dashboard-attendance .attendance-summary{grid-template-columns:1fr;gap:14px}#dashboard-attendance .attendance-ring{max-width:180px}#dashboard-attendance .attendance-list{grid-template-columns:1fr}}
#dashboard-attendance .attendance-empty{margin:0;line-height:1.6}
@media(max-width:1050px){#class-workflow-form .class-teacher-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#class-workflow-form{gap:18px}#class-workflow-form>.class-form-section{padding:14px;gap:12px}#class-workflow-form .class-teacher-options{grid-template-columns:1fr}#dashboard-attendance .dashboard-attendance-header{align-items:flex-start}}