/* TESTDD244: an independent view; canonical attendance controls stay intact. */
html body #workspace #attendanceView.learningProgressView > .tableWrap { display:none!important; }
#learningInline244[hidden] { display:none!important; }
#learningInline244 { min-width:0; max-width:100%; color:var(--text,#172033); }
#learningInline244 .learningToolbar244 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px 0; }
#learningInline244 .learningToolbar244 label { display:flex; align-items:center; gap:8px; }
#learningInline244 .learningToolbar244 span { font-size:13px; color:#475569; }
#learningInline244 button, #learningInline244 select { min-height:44px; border:1px solid #94a3b8; border-radius:8px; padding:8px 12px; font:inherit; color:inherit; background:#fff; cursor:pointer; }
#learningInline244 .learningGridWrap244 { max-width:100%; max-height:65vh; overflow:auto; border:1px solid #d7e2ea; border-radius:10px; }
#learningInline244 .learningGrid244 { width:100%; min-width:860px; border-collapse:separate; border-spacing:0; table-layout:fixed; }
#learningInline244 .learningGrid244 :is(th,td) { padding:10px; border-right:1px solid #d7e2ea; border-bottom:1px solid #d7e2ea; text-align:left; vertical-align:top; font-size:15px; overflow-wrap:anywhere; }
#learningInline244 .learningGrid244 thead th { position:sticky; top:0; z-index:3; background:#edf4f8; color:#243b53; }
#learningInline244 .learningGrid244 thead th:is(:first-child,:nth-child(2)) { z-index:4; }
#learningInline244 .learningGrid244 tr > :first-child { position:sticky; left:0; width:54px; min-width:54px; max-width:54px; box-sizing:border-box; padding:8px 4px; z-index:2; background:#f8fafc; text-align:center; white-space:nowrap; }
#learningInline244 .learningGrid244 tr > :nth-child(2) { position:sticky; left:54px; width:180px; min-width:180px; max-width:180px; box-sizing:border-box; z-index:1; background:#fff; box-shadow:2px 0 3px #d7e2ea; }
#learningInline244 .learningGrid244 small { display:block; font-size:12px; font-weight:400; line-height:1.5; }
#learningInline244 :is(textarea,input) { display:block; box-sizing:border-box; width:100%; min-width:0; min-height:44px; border:1px solid #94a3b8; border-radius:7px; padding:8px; background:#fff; color:#172033; font:inherit; font-size:16px; line-height:1.5; }
#learningInline244 textarea { min-height:52px; height:52px; resize:vertical; }
#learningInline244 .learningGrid244 select { width:100%; box-sizing:border-box; padding:8px 4px; font-size:15px; }
#learningInline244 [hidden] { display:none!important; }
#learningInline244 .learningHeading245 { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:12px 0; }
#learningInline244 .learningHeading245 strong { display:block; font-size:22px; }
#learningInline244 .learningHeading245 small { display:block; color:#475569; }
#learningInline244 .learningHeading245 > div:last-child { display:flex; flex-wrap:wrap; gap:8px; }
#learningInline244 #learningSave245, #learningInline244 [aria-pressed=true] { background:#087f8c; color:#fff; border-color:#087f8c; }
#learningInline244 :disabled { opacity:.7; cursor:default; }
#learningInline244 #learningSearch245 { width:260px; margin-left:auto; }
#learningInline244 details { font-size:13px; margin-top:6px; white-space:pre-wrap; }
#learningInline244 #learningSearchCount245 { font-size:13px; color:#475569; }
#learningInline244 .learningGrid244 td > button { width:100%; border:0; background:transparent; font-weight:700; font-variant-numeric:tabular-nums; }
#learningInline244 :is(input,textarea)[readonly] { background:#f1f5f9; cursor:default; }
#learningInline244 :focus-visible { outline:3px solid #087f8c; outline-offset:2px; }
#learningInline244 [aria-invalid=true] { border:2px solid #b42336; }
#learningInline244 .learningError244, #learningErrors244 { color:#a31528; font-size:13px; }
#learningErrors244:empty { display:none; }
#learningInline244 .learningHint244 { color:#475569; font-size:14px; line-height:1.5; }
#learningInline244 .learning-green, .learningProgressScore.learning-green { background:#dcfce7!important; color:#14532d!important; }
#learningInline244 .learning-yellow { background:#fef3c7!important; color:#78350f!important; }
#learningInline244 .learning-red { background:#fee2e2!important; color:#7f1d1d!important; }
#learningInline244 .learning-empty { background:#f8fafc!important; color:#475569!important; }
@media(max-width:920px) {
  #learningInline244 .learningToolbar244 { gap:8px; }
  #learningInline244 .learningToolbar244 span { flex-basis:100%; }
  #learningInline244 #learningSearch245 { width:100%; }
  #learningInline244 .learningGrid244 { min-width:820px; }
  #learningInline244 .learningGrid244 tr > :nth-child(2) { width:134px; min-width:134px; max-width:134px; }
}