/* Completed lessons reuse the original classroom layout. Only the separate
 * Home action and amendment feedback need additional styling. */
body.homeDashboardApp #app .homeTodayCompletedItem{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;border-top:1px solid #edf1ef}
body.homeDashboardApp #app .homeTodayCompletedItem:first-child{border-top:0}
body.homeDashboardApp #app .homeTodayCompletedItem>.homeTodayRow{min-width:0;margin:0;border-top:0;cursor:default!important;opacity:1}
body.homeDashboardApp #app .homeTodayCompletedItem>.homeTodayRow:hover{background:#fff}
body.homeDashboardApp #app .homeTodayCompletedItem .homeTodayStart{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:7px 9px;font-size:11px;line-height:1.3;text-align:center;white-space:nowrap}
body.homeDashboardApp #app .homeTodayCompletedItem .homeTodayStart::before{content:none}
body.homeDashboardApp #app .homeTodayRecordEdit{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;margin:0;padding:7px 10px;border:1px solid #168ee0;border-radius:9px;background:#168ee0;color:#fff;font:inherit;font-size:11px;font-weight:800;line-height:1.3;text-align:center;white-space:nowrap;cursor:pointer}
body.homeDashboardApp #app .homeTodayRecordEdit:hover{background:#087dcc;border-color:#087dcc}
body.homeDashboardApp #app .homeTodayRecordEdit:focus-visible{outline:3px solid #8bcafa;outline-offset:2px}
.classroomFlow[data-classroom-view="completed"] .classroomCompletedModeBadge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;max-width:100%;margin-left:8px;padding:4px 9px;border-radius:6px;background:#eaf5ff;color:#0878c2;font-size:12px;font-weight:800;line-height:1.4;text-align:center;vertical-align:middle;white-space:nowrap}
.classroomFlow[data-classroom-view="completed"] .classroomCompletedSessionFeedback{min-width:0;padding:10px 14px;border:1px solid #d7e7f2;border-radius:9px;background:#f4f9fd;color:#45647d;font-size:13px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
.classroomFlow[data-classroom-view="completed"] .classroomCompletedSessionFeedback:empty{display:none}
.classroomFlow[data-classroom-view="completed"] .classroomCompletedSessionFeedback.saved{border-color:#cce7d8;background:#f1faf5;color:#237952}
.classroomFlow[data-classroom-view="completed"] .classroomCompletedSessionFeedback.error{border-color:#f1d0d0;background:#fff3f3;color:#a93838}
.classroomFlow[data-classroom-view="completed"] .classroomCompletedFinishNotice{margin:12px 0;color:#61788c;font-size:12px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
/* Match the original session input zoom guard on coarse-pointer devices. */
html[data-pe-input="coarse"][data-pe-tab="classroom"] .classroomFlow[data-classroom-view="completed"] input[data-student-observation]{font-size:16px!important}
@media(max-width:600px){
 body.homeDashboardApp #app .homeTodayCompletedItem{gap:5px}
 body.homeDashboardApp #app .homeTodayCompletedItem>.homeTodayRow{grid-template-columns:40px minmax(0,1fr) auto!important;gap:6px!important}
 body.homeDashboardApp #app .homeTodayCompletedItem .homeTodayPeriod{width:38px;height:42px;border-radius:10px}
 body.homeDashboardApp #app .homeTodayCompletedItem .homeTodayStart{padding-inline:6px;font-size:10px}
 body.homeDashboardApp #app .homeTodayRecordEdit{padding-inline:7px;font-size:10px}
}