/* VƯỜN NGOẠI NGỮ v6.15.472 — Homework + evidence UI */
.hw471-shell{display:grid;gap:16px}
.hw471-head,.hw471-track-head,.hw471-progress-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.hw471-head h2,.hw471-track-head h3,.hw471-progress-title h3{margin:2px 0 4px}
.hw471-head p,.hw471-track-head p,.hw471-progress-title p{margin:0;color:#66766f;font-size:12px}
.hw471-evidence-note{display:block;margin-top:5px;color:#7b8782;font-size:9.5px;line-height:1.45}
.hw471-zone-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hw471-zone-switch button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:1px solid #d7e5e0;border-radius:14px;background:#fff;color:#36534a;font-weight:850}
.hw471-zone-switch button span{font-size:22px}
.hw471-zone-switch button.active{border-color:#77baa9;background:#eef9f5;color:#146b5b;box-shadow:0 0 0 2px rgba(20,122,105,.08)}
.hw471-compose{display:grid;gap:12px;padding:14px;border:1px solid #dce8e4;border-radius:16px;background:#fbfdfc}
.hw471-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}
.hw471-step>b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e9f6f1;color:#147a69;font-size:13px}
.hw471-step label,.hw471-recipient{display:grid;gap:5px}
.hw471-step label>span,.hw471-recipient>span,.hw471-label,.hw471-two label>span{font-size:11px;font-weight:900;color:#486159}
.hw471-step select,.hw471-step input,.hw471-two input,.hw471-track-tools select,.hw471-track-tools input,.hw471-grade-grid input,.hw471-grade-grid textarea{width:100%;min-height:42px;border:1px solid #d6e1dd;border-radius:10px;background:#fff;padding:8px 10px;color:#173e34}
.hw471-recipient{gap:8px}
.hw471-mode{display:flex;gap:7px}
.hw471-mode button,.hw471-presets button{border:1px solid #d9e5e1;border-radius:9px;background:#fff;padding:7px 10px;color:#4d625b;font-weight:800}
.hw471-mode button.active{border-color:#7fc0b0;background:#eaf7f3;color:#126b5d}
.hw471-skills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.hw471-skills label{cursor:pointer}
.hw471-skills input{position:absolute;opacity:0;pointer-events:none}
.hw471-skills span{display:flex;align-items:center;gap:6px;min-height:42px;padding:8px;border:1px solid #dce7e3;border-radius:10px;background:#fff;font-size:11px;font-weight:800;color:#50625c}
.hw471-skills span i{font-style:normal;font-size:16px}
.hw471-skills input:checked+span{border-color:#72b9a7;background:#eaf8f3;color:#126b5d;box-shadow:0 0 0 1px rgba(20,122,105,.06)}
.hw471-step-tasks small{display:block;margin-top:6px;color:#77857f;font-size:10px}
.hw471-deadline{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}
.hw471-presets{display:flex;gap:6px;flex-wrap:wrap}
.hw471-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hw471-two label{display:grid;gap:5px}
.hw471-compose-summary{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:11px;background:#f0f7f4;color:#486159;font-size:11px}
.hw471-compose-summary strong{color:#173e34}
.hw471-compose-summary span:before{content:"•";margin-right:8px;color:#86a098}
.hw471-compose-summary .hw471-duplicate{color:#9a6816;font-weight:850}.hw471-compose-summary .hw471-duplicate.blocked{color:#b13e37}.hw471-compose-summary .hw471-duplicate:before,.hw471-compose-summary .hw471-guard:before{content:"";margin:0}.hw471-compose-summary .hw471-guard{color:#315c50;font-weight:800}
.hw471-submit{min-height:45px;font-weight:900}
.hw471-track-head{margin-top:4px;padding-top:14px;border-top:1px solid #e2ebe8}
.hw471-track-tools{display:flex;gap:8px;min-width:min(520px,50%)}
.hw471-track-tools input{flex:1}
.hw471-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hw471-stats article{padding:10px 12px;border:1px solid #dfe8e5;border-radius:12px;background:#fff}
.hw471-stats article span{display:block;color:#697872;font-size:10px;font-weight:800}
.hw471-stats article strong{display:block;margin-top:3px;font-size:21px;color:#1b493d}
.hw471-stats article.danger strong{color:#b13d38}
.hw471-assignment-card{margin-top:10px;border:1px solid #dce7e3;border-radius:15px;background:#fff;overflow:hidden}
.hw471-assignment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 13px}
.hw471-assignment-head>div:first-child{display:grid;gap:2px}
.hw471-assignment-head strong{font-size:14px;color:#193f35}
.hw471-assignment-head small{color:#73827c;font-size:10px}
.hw471-lesson{width:max-content;padding:3px 7px;border-radius:999px;background:#ecf7f3;color:#14705f;font-size:9px;font-weight:900}
.hw471-due{text-align:right;display:grid;gap:2px}
.hw471-due b{font-size:11px;color:#35554b}.hw471-due small{font-size:9.5px;color:#74837d}
.hw471-due.over b,.hw471-due.over small{color:#ad3e39}
.hw471-task-chips{display:flex;gap:5px;flex-wrap:wrap;padding:0 13px 10px}
.hw471-task-chips span{padding:4px 7px;border-radius:999px;background:#f4f7f6;color:#4d625a;font-size:9.5px;font-weight:800}
.hw471-assignment-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 13px;border-top:1px solid #edf2f0;border-bottom:1px solid #edf2f0;background:#fafcfb;font-size:10px;color:#566d65}
.hw471-assignment-summary button{margin-left:auto;border:1px solid #e2c3c0;border-radius:8px;background:#fff6f5;color:#a24640;padding:5px 8px;font-size:9.5px;font-weight:800}
.hw471-students{display:grid}
.hw471-student-row{border-bottom:1px solid #edf2f0}
.hw471-student-row:last-child{border-bottom:0}
.hw471-student-row>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(180px,1fr) auto;gap:10px;align-items:center;padding:10px 13px}
.hw471-student-row>summary::-webkit-details-marker{display:none}
.hw471-student-row>summary>div:first-child{display:grid;gap:2px}.hw471-student-row>summary strong{font-size:12px;color:#254a40}.hw471-student-row>summary small{font-size:9.5px;color:#75827d}
.hw471-summary-evidence{display:flex;gap:7px;flex-wrap:wrap;font-size:9.5px;color:#556c64}
.hw471-summary-evidence span{padding:3px 6px;border-radius:7px;background:#f5f8f7}
.hw471-status{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:999px;font-size:9.5px;font-weight:900}
.hw471-status.done{background:#e9f8f0;color:#1c7658}.hw471-status.doing{background:#edf4ff;color:#396daa}.hw471-status.not-started{background:#f3f4f4;color:#6e7975}.hw471-status.overdue{background:#fff0ef;color:#b13e37}.hw471-status.late{background:#fff7df;color:#916b17}
.hw471-student-detail{padding:0 13px 12px;background:#fbfdfc}
.hw471-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:9px}
.hw471-evidence{border:1px solid #e1e9e6;border-radius:10px;padding:8px;background:#fff}
.hw471-evidence.done{border-color:#c6e3d8;background:#f4fbf8}
.hw471-evidence-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.hw471-evidence-title strong{font-size:10.5px}.hw471-evidence-title b{font-size:9px;color:#6a7c75}
.hw471-evidence.done .hw471-evidence-title b{color:#19735a}
.hw471-evidence-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.hw471-evidence-meta span{font-size:9px;color:#60746d;background:#f6f8f7;border-radius:6px;padding:3px 5px}
.hw471-grade-grid{display:grid;grid-template-columns:140px 1fr;gap:9px;margin-top:9px}.hw471-grade-grid label{display:grid;gap:4px}.hw471-grade-grid label>span{font-size:9.5px;font-weight:900;color:#546b63}
.hw471-grade-grid textarea{min-height:64px;resize:vertical}
.hw471-grade-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}
.hw471-sgk-note{padding:12px;border:1px solid #d5e5df;border-radius:12px;background:#f3faf7;color:#315c50;font-size:12px}
.hw471-progress-evidence{margin-bottom:12px}
.hw471-progress-title button{border:1px solid #bcdacf;border-radius:9px;background:#edf8f4;color:#126b5d;padding:7px 10px;font-weight:850}
.hw471-mini-stats{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.hw471-mini-stats span{padding:5px 8px;border-radius:8px;background:#f3f7f5;font-size:10px;color:#536b63}.hw471-mini-stats .danger{background:#fff0ef;color:#a93e39}
.hw471-progress-list{display:grid;gap:5px}.hw471-progress-list>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1fr) auto minmax(210px,1.1fr);gap:8px;align-items:center;padding:7px 8px;border:1px solid #e4ebe8;border-radius:9px;font-size:9.5px}.hw471-progress-list strong{font-size:10.5px;color:#264a40}
.hw471-student-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hw471-student-zone-title{display:flex;align-items:center;gap:7px;margin:7px 0}.hw471-student-zone-title>span{font-size:20px}.hw471-student-zone-title strong{font-size:12px}.hw471-student-zone-title small{margin-left:auto;color:#788680;font-size:9.5px}
.hw471-student-assignment{margin-bottom:8px}
.hw471-student-assignment .hw-student-assignment-head{align-items:flex-start}
.hw471-student-due{margin:0 0 7px;color:#6a7a74;font-size:9.5px}
.hw471-empty-mini{padding:8px;color:#78857f;font-size:10px}
.hidden{display:none!important}
@media(max-width:980px){
 .hw471-skills{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hw471-track-head{display:grid}.hw471-track-tools{min-width:0;width:100%}
 .hw471-student-row>summary{grid-template-columns:1fr auto}.hw471-summary-evidence{grid-column:1/-1}
 .hw471-progress-list>div{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .hw471-head,.hw471-progress-title{display:grid}
 .hw471-zone-switch{grid-template-columns:1fr 1fr}
 .hw471-skills{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hw471-deadline,.hw471-two,.hw471-evidence-grid,.hw471-student-groups{grid-template-columns:1fr}
 .hw471-track-tools{display:grid}
 .hw471-stats{grid-template-columns:1fr 1fr}
 .hw471-assignment-head{display:grid}.hw471-due{text-align:left}
 .hw471-grade-grid{grid-template-columns:1fr}
 .hw471-progress-list>div{grid-template-columns:1fr}
}
@media(max-width:430px){
 .hw471-skills{grid-template-columns:1fr}
 .hw471-zone-switch{grid-template-columns:1fr}
 .hw471-stats{grid-template-columns:1fr 1fr}
 .hw471-mode{display:grid;grid-template-columns:1fr 1fr}
}