/* Completed lesson records: scoped layout; ordinary classroom/PWA styles stay unchanged. */
.classroomFlow[data-classroom-view="completed"]{min-width:0}
.classroomCompletedRecord{min-width:0;border:1px solid #d8e4ef;border-radius:16px;background:#fff;overflow:clip}
.classroomCompletedRecord *{box-sizing:border-box}
.classroomCompletedRecord button,.classroomCompletedHistory button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:0;width:auto;max-width:100%;padding:10px 14px;text-align:center;line-height:1.35;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;font:inherit;font-weight:800;cursor:pointer}
.classroomCompletedRecord button:disabled{cursor:default;opacity:.55}
.classroomCompletedHead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #d8e4ef}
.classroomCompletedHead>div:first-child{min-width:0}
.classroomCompletedHead h2{margin:0 0 8px;font-size:22px;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}
.classroomCompletedHead p{margin:0;color:#61788c;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.classroomCompletedHeadActions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px;flex-wrap:wrap}
.classroomCompletedBadge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-height:26px;padding:3px 9px;border-radius:6px;background:#edf8f1;color:#237952;font-size:12px;font-weight:800;line-height:1.4;white-space:nowrap}
.classroomCompletedEditor{display:grid;grid-template-columns:minmax(140px,190px) minmax(0,1fr);align-items:start;gap:20px;padding:20px;min-width:0}
.classroomCompletedStudents{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-width:0;max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px}
.classroomCompletedStudents button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:64px;padding:10px 8px;border:1px solid #d8e4ef;border-radius:9px;background:#fff;color:#24455f;font-size:14px;text-align:center}
.classroomCompletedStudents button small{font-size:12px;color:#61788c;line-height:1.4}
.classroomCompletedStudents button[aria-pressed="true"]{border-color:#168ee0;background:#eaf5ff;color:#0878c2}
.classroomCompletedFields{display:grid;gap:14px;min-width:0}
.classroomCompletedFields>label,.classroomCompletedMemo>label{display:grid;gap:8px;min-width:0;font-size:14px;font-weight:800;line-height:1.4}
.classroomCompletedFields input:not([type="checkbox"]),.classroomCompletedFields textarea,.classroomCompletedMemo textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #cbdce9;border-radius:8px;background:#fff;color:#1b344b;font:inherit;font-size:16px;line-height:1.6;resize:vertical}
.classroomCompletedFields input[type="checkbox"]{flex:none;width:18px;height:18px;margin:0;accent-color:#168ee0}
.classroomCompletedStudentHead{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.classroomCompletedStudentHead h3,.classroomCompletedStudentHead b,.classroomCompletedStudentHead strong{margin:0;font-size:16px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.classroomCompletedStudentHead small,.classroomCompletedStudentHead>span{font-size:12px;color:#61788c;white-space:nowrap}
.classroomCompletedFieldLabel{font-size:14px;font-weight:800;margin-bottom:-6px}
.classroomCompletedEditingLabel{font-size:13px;font-weight:800;color:#168ee0}
.classroomCompletedStatusButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.classroomCompletedStatusButtons button{width:100%;padding:9px 5px;border:1px solid #d8e4ef;border-radius:8px;background:#fff;color:#567086;font-size:14px;white-space:nowrap}
.classroomCompletedStatusButtons button[aria-pressed="true"]{background:#168ee0;border-color:#168ee0;color:#fff}
.classroomCompletedGear{display:flex!important;align-items:center;gap:9px;min-height:44px;font-size:14px;cursor:pointer}
.classroomCompletedMemo{display:grid;gap:9px;min-width:0;margin:0 20px;padding:18px 0 20px;border-top:1px solid #d8e4ef;font-size:14px;font-weight:800}
.classroomCompletedMemo h3{margin:0 0 9px;font-size:14px}
.classroomCompletedMemo p{margin:0;padding:14px;border-radius:9px;background:#f5f9fd;color:#567086;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:keep-all}
.classroomCompletedReadRows{display:grid;gap:0;min-width:0;padding:4px 20px 18px}
.classroomCompletedReadRow{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:start;gap:14px;min-width:0;padding:15px 0;border-bottom:1px solid #e1eaf1}
.classroomCompletedReadRow:last-child{border-bottom:0}
.classroomCompletedReadRows>h3{margin:14px 0 4px;font-size:15px;line-height:1.5}
.classroomCompletedReadRow>b,.classroomCompletedReadRow>strong{font-size:14px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
.classroomCompletedReadValues{min-width:0;display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}
.classroomCompletedReadValues p{flex-basis:100%;margin:0;color:#567086;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
.classroomCompletedReadValues>span{padding:3px 8px;border-radius:5px;background:#edf5fc;color:#2774a9;font-size:12px;line-height:1.4}
.classroomCompletedReadValues>[data-status="absent"]{background:#fff0f1;color:#ae4850}
.classroomCompletedReadFlags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:7px}
.classroomCompletedReadFlags span{padding:3px 8px;border-radius:5px;background:#edf5fc;color:#2774a9;font-size:12px;line-height:1.4}
.classroomCompletedActions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-top:1px solid #d8e4ef;background:#f5f9fd}
.classroomCompletedActions>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none;margin-left:auto}
.classroomCompletedActions button{min-width:76px;white-space:nowrap}
.classroomCompletedFeedback{min-width:0;font-size:13px;line-height:1.5;color:#61788c;word-break:keep-all;overflow-wrap:anywhere}
.classroomCompletedFeedback.saved{color:#237952}
.classroomCompletedError{margin:0 20px 16px;padding:12px 14px;border:1px solid #f1d0d0;border-radius:9px;background:#fff3f3;color:#a93838;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
.classroomCompletedError p{margin:0 0 10px}
.classroomCompletedHistory{display:grid;gap:8px;min-width:0}
.classroomCompletedHistory button{display:flex;width:100%;justify-content:space-between;gap:12px;border:1px solid #d8e4ef;border-radius:9px;background:#f5f9fd;color:#24455f;font-size:13px}
.classroomCompletedHistory button>span{display:grid;gap:5px;min-width:0;text-align:left;overflow-wrap:anywhere}
.classroomCompletedHistory button>strong{flex:none;color:#168ee0;font-size:12px;white-space:nowrap}
.classroomCompletedHistoryRow>span:last-child{display:block;text-align:center;flex:none;max-width:112px;color:#168ee0;font-size:12px;line-height:1.6}
.classroomCompletedHistorySection [data-classroom-completed-load]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #cbdce9;border-radius:8px;background:#fff;color:#24455f;font:inherit;font-size:13px;text-align:center;white-space:nowrap}
.classroomCompletedHistory p{margin:0;color:#61788c;font-size:13px;line-height:1.6}
.homeTodayRow.hasClassroomCompleted{cursor:pointer!important}
@media(max-width:600px){
 .classroomCompletedHead{padding:16px 14px;align-items:flex-start;flex-wrap:wrap;gap:12px}
 .classroomCompletedHead h2{font-size:20px}
 .classroomCompletedHeadActions{margin-left:auto}
 .classroomCompletedEditor{grid-template-columns:minmax(0,1fr);padding:16px 14px;gap:18px}
 .classroomCompletedStudents{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:220px}
 .classroomCompletedStudents button{font-size:13px;padding:9px 5px}
 .classroomCompletedStatusButtons{gap:7px}
 .classroomCompletedStatusButtons button{font-size:13px}
 .classroomCompletedMemo{margin:0 14px;padding:16px 0}
 .classroomCompletedReadRows{padding:2px 14px 14px}
 .classroomCompletedReadRow{grid-template-columns:minmax(80px,100px) minmax(0,1fr);gap:10px}
 .classroomCompletedActions{padding:13px 14px;flex-wrap:wrap}
 .classroomCompletedError{margin:0 14px 14px}
 .classroomCompletedHistory button{padding:10px;gap:8px}
}