/* Vườn Ngoại Ngữ · SGK teacher ↔ family progress, responsive and isolated */
.sgk-family-progress{max-width:1120px;margin:14px auto 18px;padding:16px 18px;background:#f5fbf7;border:1px solid #c2e0cf;border-radius:17px;color:#1e4933}
.sgk-family-progress[hidden]{display:none!important}
.sgk-family-progress details>summary{cursor:pointer;font-weight:800;font-size:1.1rem;line-height:1.5}
.sgk-family-progress summary small{font-weight:450;font-size:.82rem;color:#5c7667;display:inline-block;margin-left:6px}
.sgk-family-progress h3{font-size:1.16rem;margin:7px 0}
.sgk-family-progress h4{font-size:1rem;margin:14px 0 8px}
.sgk-family-progress p{line-height:1.5;margin:6px 0 9px}
.sgk-family-progress button{border:0;background:#1b804e;color:white;cursor:pointer;min-height:42px;padding:8px 13px;border-radius:9px;font:inherit;font-weight:700}
.sgk-family-progress button:disabled{opacity:.6;cursor:wait}
.sgk-family-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.sgk-family-actions p{font-size:.87rem;color:#567263}
.sgk-family-note{font-size:.82rem;color:#567263}
.sgk-family-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.sgk-family-stats>div{padding:12px;background:white;border:1px solid #d5e8da;border-radius:11px;text-align:center}
.sgk-family-stats b{display:block;font-size:1.4rem;color:#1b7849;font-variant-numeric:tabular-nums}
.sgk-family-stats small{display:block;font-size:.79rem;color:#517360;line-height:1.4}
.sgk-family-top>p{font-size:.91rem}
.sgk-family-homework{background:white;padding:13px;border-radius:12px;border:1px solid #d5e7d9;margin:8px 0}
.sgk-family-homework>strong{display:block;margin:7px 0;font-size:1rem}
.sgk-family-homework p{margin:5px 0}
.sgk-family-homework small{display:block;margin-top:5px;color:#536c60;line-height:1.45}
.sgk-family-state{display:inline-block;border-radius:7px;padding:4px 9px;font-size:.79rem;font-weight:700}
.sgk-family-state.done{background:#e0f5e7;color:#126b3c}
.sgk-family-state.pending{background:#fff2d7;color:#8a5600}
.sgk-family-today{margin-left:6px;font-weight:800;font-size:.72rem;color:#176b46}
.sgk-family-skill{background:white;border:1px solid #dcebe0;border-radius:11px;padding:9px 12px;margin-bottom:7px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.sgk-family-skill strong{display:block;font-size:.91rem}
.sgk-family-skill small{font-size:.77rem;color:#5b7968;display:block}
.sgk-family-skill>div:last-child{text-align:right;white-space:nowrap}
.sgk-family-skill b{display:block;font-size:.96rem}
.sgk-family-skill span{font-size:.85rem;color:#187046}
.sgk-family-skill span.weak{color:#b44c25}
.sgk-family-details{margin-top:12px;padding:12px;background:white;border:1px solid #dae9df;border-radius:11px}
.sgk-family-details>summary{font-size:.95rem}
.sgk-family-mistake{padding:10px 0;border-top:1px solid #edf2ee}
.sgk-family-mistake b{font-weight:750}
.sgk-family-mistake small{display:block;color:#61786a;margin:3px 0}
.sgk-family-feedback{background:#f8fbf9;padding:10px;border-radius:8px;margin:8px 0}
.sgk-family-empty{background:white;border-radius:9px;padding:12px;color:#61786a}
.sgk-family-teacher form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.sgk-family-teacher form label{font-weight:650;display:grid;gap:5px;font-size:.91rem}
.sgk-family-teacher input,.sgk-family-teacher select,.sgk-family-teacher textarea{min-width:0;width:100%;box-sizing:border-box;min-height:43px;border-radius:9px;border:1px solid #c4d8c9;padding:10px;background:white;color:#254732;font:inherit}
.sgk-family-teacher label:has(textarea){grid-column:1/-1}
.sgk-family-teacher form .sgk-family-actions,.sgk-family-teacher form [data-family-teacher-msg]{grid-column:1/-1}
@media(max-width:760px){.sgk-family-progress{padding:13px 11px;margin:12px 4px}.sgk-family-stats{gap:5px}.sgk-family-stats>div{padding:9px 4px}.sgk-family-stats b{font-size:1.2rem}.sgk-family-stats small{font-size:.7rem}.sgk-family-skill{align-items:flex-start;flex-direction:column}.sgk-family-skill>div:last-child{text-align:left}.sgk-family-teacher form{grid-template-columns:1fr}.sgk-family-teacher form label:has(textarea){grid-column:auto}.sgk-family-teacher input,.sgk-family-teacher select,.sgk-family-teacher textarea{font-size:16px}}

.sgk-family-test{background:#eef7f0;border:1px solid #c2dfc9;border-radius:12px;padding:12px;margin:9px 0;color:#23533c}
.sgk-family-test p{margin:6px 0}
.sgk-family-test small{color:#547363;line-height:1.45;display:block}

/* Structured Unit3 Lesson → function assignment: teacher selects from actual lessonPaths. */
.sgk-family-progress .sgk-family-jump{display:inline-flex;align-items:center;margin:9px 0 2px;padding:8px 12px;background:#e8f6ec;color:#176341;border:1px solid #baddc5;min-height:39px;max-width:100%;white-space:normal;text-align:left}
.sgk-family-progress .sgk-family-jump:hover{background:#d9f0e2}
.sgk-family-teacher select[name="lesson_id"],.sgk-family-teacher select[name="section_key"]{font-weight:650}
.sgk-family-teacher select:disabled{opacity:.6}

/* Unit3 structured multiple-choice homework tasks (PC / Android / iOS). */
.sgk-family-teacher .sgk-family-task-picker{grid-column:1/-1;border:1px solid #c4d8c9;border-radius:11px;padding:12px 13px;min-width:0;margin:0}
.sgk-family-teacher .sgk-family-task-picker legend{font-weight:700;padding:0 7px;font-size:.92rem}
.sgk-family-task-picker [data-family-section-list]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin:3px 0 9px}
.sgk-family-task-picker .sgk-family-task-option{display:flex;align-items:center;gap:10px;min-height:46px;padding:9px 11px;border:1px solid #c7e1cf;background:#fff;border-radius:10px;cursor:pointer;font-weight:600;line-height:1.4}
.sgk-family-task-picker .sgk-family-task-option:has(input:checked){background:#e1f4e9;border-color:#2b9561}
.sgk-family-task-picker input[name="section_keys"]{min-height:19px;height:19px;width:19px;flex:none;accent-color:#187848;margin:0}
.sgk-family-task-picker [data-family-section-count]{display:block;color:#476a58;font-weight:550;margin-top:2px;line-height:1.4}
@media(max-width:760px){.sgk-family-task-picker [data-family-section-list]{grid-template-columns:1fr}.sgk-family-teacher .sgk-family-task-picker{grid-column:1;padding:10px}}

/* Compact one-tap SGK report on iPhone, Android, iPad and desktop. */
.sgk-report-toggle{min-width:0;max-width:100%;margin-top:12px}
.sgk-report-toggle>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;border:1px solid #c5ddcf;border-radius:12px;background:#edf8f1;color:#20523b;font-size:1rem;font-weight:750;line-height:1.45;cursor:pointer}
.sgk-report-toggle>summary::-webkit-details-marker{display:none}
.sgk-report-toggle>summary::marker{content:""}
.sgk-report-toggle>summary::after{content:"⌄";font-size:1.35rem;line-height:1;flex-shrink:0}
.sgk-report-toggle[open]>summary::after{content:"⌃"}
.sgk-report-toggle>summary small{font-size:.76rem;font-weight:500;color:#577365;margin-left:auto;white-space:nowrap}
.sgk-report-toggle>summary:focus-visible,.sgk-family-progress>details>summary:focus-visible{outline:3px solid #2a9666;outline-offset:2px}
.sgk-report-toggle[open]>#teacherBox{padding-top:13px}
.sgk-family-progress>details>summary{display:flex;align-items:center;gap:8px;min-height:44px}
.sgk-family-progress>details>summary::after{content:"⌄";margin-left:auto;font-size:1.25rem;line-height:1;flex-shrink:0}
.sgk-family-progress>details[open]>summary::after{content:"⌃"}
@media(max-width:600px){.sgk-report-toggle>summary{flex-wrap:wrap;padding:11px 12px;font-size:.95rem}.sgk-report-toggle>summary small{white-space:normal}.sgk-family-progress>details>summary{flex-wrap:wrap}}