/* Shared attendance identity and mode projections; no second learner list. */
@layer attendance-polish {
.attendanceModeBar252 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 16px; padding:8px 12px; border-bottom:1px solid var(--line,#d7e2ea); }
#attendanceModes252,#progressControls252 { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#attendanceModes252 button { min-width:44px; min-height:44px; padding:8px 12px; border:1px solid var(--line,#d7e2ea); border-radius:8px; background:var(--surface,#fff); color:var(--text,#172033); font-size:20px; }
#attendanceModes252 button[aria-pressed=true] { color:var(--primary,#087f8c)!important; background:#dcf4f5!important; border-color:var(--primary,#087f8c)!important; }
#attendanceModes252 button:focus-visible,.levelGrid252 button:focus-visible { outline:2px solid var(--primary,#087f8c); outline-offset:2px; }
#progressControls252 { margin-left:auto; }
#progressControls252 :is(button,select) { min-height:44px; border:1px solid var(--line,#d7e2ea); border-radius:8px; padding:8px; background:var(--surface,#fff); color:var(--text,#172033); }
html body #workspace #attendanceView.gradeOnlyView #btnAddAssessment:not(.hidden) { display:inline-flex!important; align-items:center; gap:6px; font-size:14px; }
html body #workspace #attendanceView .progressSource252 { display:none!important; }
html body #workspace #attendanceView #learningInline244 .tableWrap { display:block!important; max-height:calc(100dvh - 220px); overflow:auto; }
html body #workspace #attendanceView #learningInline244 .trackerTable :is(.sttCell,.nameCell),
html body #workspace #attendanceView.gradeOnlyView .trackerTable :is(.sttCell,.nameCell) { display:table-cell!important; position:sticky!important; z-index:3; background:var(--surface,#fff); }
html body #workspace #attendanceView #learningInline244 .sttCell,
html body #workspace #attendanceView.gradeOnlyView .sttCell { left:0!important; width:44px!important; min-width:44px!important; }
html body #workspace #attendanceView #learningInline244 .nameCell,
html body #workspace #attendanceView.gradeOnlyView .nameCell { left:44px!important; width:280px!important; min-width:280px!important; max-width:280px!important; }
html body #workspace #attendanceView #learningInline244 .nameCell .studentNameBox,
html body #workspace #attendanceView.gradeOnlyView .nameCell .studentNameBox { display:flex!important; align-items:center; gap:10px; }
html body #workspace #attendanceView #learningInline244 .nameCell :is(.mobileTuitionBadge,.attendanceRosterActions) { display:none!important; }
html body #workspace #attendanceView #learningInline244 .progressCell252 { display:table-cell!important; vertical-align:middle; }
html body #workspace #attendanceView #learningInline244 .progressCell252 textarea { width:100%; min-height:60px; height:60px; box-sizing:border-box; border:1px solid transparent; resize:vertical; }
html body #workspace #attendanceView #learningInline244 .progressCell252 textarea:focus { border-color:var(--primary,#087f8c); outline:1px solid var(--primary,#087f8c); background:var(--surface,#fff); }
.levelGrid252 { display:grid; grid-template-columns:repeat(5,minmax(32px,1fr)); gap:2px; }
html body #workspace #attendanceView #learningInline244 .levelGrid252 button { min-width:0!important; width:100%!important; min-height:32px; padding:2px!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; border-radius:3px; border:1px solid #cbd5e1; background:var(--surface,#fff); font-size:14px; }
#learningInline244 .levelGrid252 button[aria-pressed=true] { box-shadow:inset 0 0 0 2px currentColor; font-weight:700; }
#learningInline244 .levelGrid252.learning-green button[aria-pressed=true] { color:#166534!important; background:#dcfce7!important; }
#learningInline244 .levelGrid252.learning-yellow button[aria-pressed=true] { color:#854d0e!important; background:#fef3c7!important; }
#learningInline244 .levelGrid252.learning-red button[aria-pressed=true] { color:#991b1b!important; background:#fee2e2!important; }
.levelLegacy252 { grid-column:1/-1; text-align:center; font-weight:700; }
html body #workspace #attendanceView #learningInline244 .trackerTable { display:table!important; table-layout:fixed!important; width:100%!important; min-width:var(--progress-min-width,1100px)!important; }
html body #workspace #attendanceView #learningInline244 .trackerTable :is(th,td) { display:table-cell!important; position:static!important; transform:none!important; border-radius:0!important; width:auto; min-width:0; max-width:none; }
html body #workspace #attendanceView #learningInline244 .trackerTable thead th { position:sticky!important; top:0!important; }
html body #workspace #attendanceView #learningInline244 .trackerTable .progressSource252 { display:none!important; }
html body #workspace #attendanceView #learningInline244 .trackerTable :is(thead,tbody) { width:auto!important; }
html body #workspace #attendanceView #learningInline244 .trackerTable thead { display:table-header-group!important; }
html body #workspace #attendanceView #learningInline244 .trackerTable tbody { display:table-row-group!important; }
html body #workspace #attendanceView #learningInline244 .trackerTable tr { display:table-row!important; padding:0!important; }
html body #workspace #attendanceView:is(.learningProgressView,.gradeOnlyView) .trackerTable thead :is(.sttCol,.nameCol) { position:sticky!important; top:0!important; z-index:5!important; }
html body #workspace #attendanceView:is(.learningProgressView,.gradeOnlyView) .trackerTable thead .sttCol { left:0!important; width:44px!important; min-width:44px!important; }
html body #workspace #attendanceView:is(.learningProgressView,.gradeOnlyView) .trackerTable thead .nameCol { left:44px!important; }
html body #learningInline244 input[type=hidden] { display:none!important; }
html body #workspace #attendanceView.gradeOnlyView .nameCell { text-align:left!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows { display:table-row-group!important; width:auto!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows tr { display:table-row!important; width:auto!important; height:auto!important; min-height:0!important; position:static!important; grid-template-columns:none!important; padding:0!important; margin:0!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows tr > td { display:table-cell!important; position:static!important; width:auto!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; border-radius:0!important; transform:none!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows tr > .progressSource252 { display:none!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows tr > .sttCell { position:sticky!important; left:0!important; width:44px!important; min-width:44px!important; max-width:44px!important; z-index:4!important; color:var(--text,#172033)!important; background:var(--surface,#fff)!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows tr > .nameCell { position:sticky!important; left:44px!important; width:280px!important; min-width:280px!important; max-width:280px!important; z-index:3!important; text-align:left!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows .studentNameBox { display:flex!important; grid-template-columns:none!important; align-items:center!important; width:100%!important; min-width:0!important; position:static!important; padding:0!important; margin:0!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows .studentNameMain { display:block!important; width:auto!important; min-width:0!important; flex:1 1 auto!important; padding:0!important; position:static!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows .studentNameMain strong { padding:0!important; font-size:15px!important; white-space:normal!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows :is(.attendanceAvatar,img) { width:48px!important; min-width:48px!important; height:48px!important; flex:0 0 48px!important; }
html body #workspace #attendanceView #learningInline244 #attendanceRows .attendanceRosterIcons { display:none!important; }
html body #workspace #attendanceView #learningInline244 #attendanceHead { display:table-header-group!important; }
html body #workspace #attendanceView #learningInline244 #attendanceHead tr { display:table-row!important; }
html body #workspace #attendanceView #learningInline244 #attendanceHead th { display:table-cell!important; }
@media(max-width:640px) {
  .attendanceModeBar252 { padding:8px; }
  #progressControls252 { flex-wrap:nowrap; max-width:100%; }
  html body #workspace #attendanceView #learningInline244 .nameCell,
  html body #workspace #attendanceView.gradeOnlyView .nameCell { width:180px!important; min-width:180px!important; max-width:180px!important; }
  html body #learningInline244 .levelGrid252 button { min-height:44px; }
  html body #workspace #attendanceView #learningInline244 .identityColumn252 { width:180px!important; }
  html body #workspace #attendanceView #learningInline244 #attendanceRows tr > .nameCell { width:180px!important; min-width:180px!important; max-width:180px!important; }
}
}
