/* R4 classroom sharing UI: narrow, intentionally isolated from legacy tools */
.r4ShareLessonButton{display:flex;width:100%;gap:12px;align-items:center;text-align:left;padding:15px 16px;margin:12px 0 6px;background:#244554;color:#fff;border:1px solid #446b78;border-radius:12px;cursor:pointer;font:inherit;box-shadow:0 4px 14px rgba(20,39,47,.13)}
.r4ShareLessonButton:hover:not(:disabled){background:#305b67}
.r4ShareLessonButton:focus-visible{outline:3px solid #e99d8c;outline-offset:2px}
.r4ShareLessonButton>span:first-child{font-size:25px;color:#f7af9f}
.r4ShareLessonButton b{display:block;font-size:14px}.r4ShareLessonButton small{display:block;margin-top:4px;line-height:1.4;font-size:11px;color:#d7e6e8}
.r4ShareLessonButton:disabled{opacity:.55;cursor:not-allowed}
.r4ShareHint{font-size:11px;color:#546b74;line-height:1.5;margin:4px 5px 14px}
.r4StudentPage{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #dbe3e8;background:#fff;padding:10px;border-radius:10px;margin:7px 0;color:#233b49;cursor:pointer}
.r4StudentPage>span:first-child{background:#edf2f4;border-radius:8px;min-width:29px;min-height:30px;display:grid;place-items:center;font-size:12px}
.r4StudentPage strong{display:block;font-size:12px}.r4StudentPage small{display:block;color:#5f747d;font-size:11px;margin-top:4px}
.r4StudentPage.active{border-color:#4e8b91;background:#e9f4f4}.r4StudentPage:focus-visible{outline:3px solid #d17868;outline-offset:2px}
.classroomStudent .pageHeader.lessonPageHeader strong{display:block;margin:4px 0 6px;color:#244554}.classroomStudent .pageHeader.lessonPageHeader p{margin:0;font-size:12px;color:#64748b}
@media(max-width:640px){.r4ShareLessonButton{padding:11px 12px}.r4StudentPage{padding:12px 10px;min-height:54px}}