/* VƯỜN NGOẠI NGỮ — HOMEWORK PRODUCTION v6.15.378 */
.hw-preview-tab{outline:1px dashed rgba(15,118,110,.28)}
.hw-preview-shell{border:1px solid #cfe5dc!important;overflow:visible!important}
.hw-preview-heading{align-items:flex-start!important}
.hw-preview-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff3cd;color:#795b00;font-size:11px;font-weight:900}
.hw-zone-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px}
.hw-zone-switch button{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;min-height:66px;padding:10px 12px!important;border:1px solid #dce7e3!important;border-radius:14px!important;background:#fff!important}
.hw-zone-switch button>span{font-size:27px}.hw-zone-switch button strong{display:block;color:#274d43;font-size:14px}.hw-zone-switch button small{display:block;margin-top:2px;color:#7a8782;font-size:11px}
.hw-zone-switch button.active.english{border-color:#75a7d8!important;background:#f3f8ff!important;box-shadow:0 0 0 2px rgba(75,135,190,.08)}
.hw-zone-switch button.active.chinese{border-color:#d89b8e!important;background:#fff6f3!important;box-shadow:0 0 0 2px rgba(190,98,75,.07)}
.hw-preview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(245px,.7fr);gap:14px;align-items:start}
.hw-preview-compose,.hw-preview-side{border:1px solid #dce9e4;border-radius:15px;padding:14px;background:#fff}
.hw-compose-zone-title{display:flex;gap:9px;align-items:center;padding:9px 10px;margin-bottom:7px;border-radius:11px;background:#f6faf8}.hw-compose-zone-title>span{font-size:25px}.hw-compose-zone-title strong{display:block;color:#214c40;font-size:14px}.hw-compose-zone-title small{display:block;color:#74817c;font-size:10.5px;margin-top:2px}
.hw-preview-compose>label,.hw-preview-field{display:grid;gap:5px;margin:9px 0}
.hw-preview-compose label>span,.hw-preview-field>span{font-size:12px;font-weight:900;color:#49675f}
.hw-preview-compose input,.hw-preview-compose select,.hw-preview-compose textarea{width:100%;padding:9px 10px;border:1px solid #d9e5e1;border-radius:10px;background:#fff;font:inherit;color:#173e34}
.hw-preview-two{display:grid;grid-template-columns:180px 1fr;gap:10px}
.hw-preview-skills{display:flex;flex-wrap:wrap;gap:7px}
.hw-preview-skills label{position:relative}.hw-preview-skills input{position:absolute;opacity:0;pointer-events:none}
.hw-preview-skills label>span{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid #dce7e3;border-radius:10px;background:#fbfdfc;color:#587068;cursor:pointer}
.hw-preview-skills input:checked+span{border-color:#2b927b;background:#eaf7f2;color:#116b57}
.hw-preview-field small{color:#78867f;font-size:11px}
.hw-preview-safety{margin:10px 0;padding:9px 10px;border-radius:10px;background:#f3f8f6;color:#5d736c;font-size:11.5px;line-height:1.45}
#hwPreviewSubmit{width:100%;min-height:43px}
.hw-preview-side{background:#f7fbf9;color:#49645c}.hw-preview-side>strong{display:block;color:#214b40;margin-bottom:8px}.hw-preview-side ol{margin:0 0 12px;padding-left:20px;font-size:12px;line-height:1.65}
.hw-grade-legend{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.hw-grade-legend span{padding:5px 7px;border-radius:999px;background:#fff;font-size:10.5px;font-weight:850}
.hw-preview-overview-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin:18px 0 9px}
.hw-preview-overview-head h3{margin:0;font-size:17px;color:#173e34}.hw-preview-overview-head p{margin:2px 0 0;font-size:11.5px;color:#75827d}.hw-preview-overview-head>span{font-size:11px;font-weight:900;color:#226957;background:#edf7f3;border-radius:999px;padding:5px 8px}
.hw-language-overviews{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.hw-language-overview{border:1px solid #dfe9e6;border-radius:15px;padding:11px;background:#fbfdfc}
.hw-language-overview.english{border-top:3px solid #6294c6}.hw-language-overview.chinese{border-top:3px solid #cf8271}
.hw-language-title{display:flex;gap:8px;align-items:center;margin-bottom:9px}.hw-language-title>span{font-size:24px}.hw-language-title strong{display:block;color:#234c41;font-size:14px}.hw-language-title small{display:block;color:#788680;font-size:10.5px;margin-top:1px}
#hwEnglishOverview,#hwChineseOverview{display:grid;gap:8px}
.hw-preview-row{padding:10px;border:1px solid #e0e9e6;border-radius:11px;background:#fff}
.hw-assignment-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.hw-assignment-main strong{display:block;color:#254f44;font-size:13px}.hw-assignment-main small{display:block;margin-top:2px;color:#73817c;font-size:10.5px}.hw-assignment-main>b{color:#0f766e;font-size:15px}
.hw-grade-students{display:grid;gap:6px;margin-top:8px}.hw-grade-student{border-top:1px solid #edf2f0;padding-top:6px}.hw-grade-student summary{display:flex;justify-content:space-between;gap:8px;align-items:center;cursor:pointer;list-style:none}.hw-grade-student summary::-webkit-details-marker{display:none}
.hw-grade-student summary strong{display:block;color:#355c51;font-size:11.5px}.hw-grade-student summary small{display:block;color:#82908a;font-size:9.5px;margin-top:1px}
.hw-grade-state{padding:4px 6px;border-radius:999px;white-space:nowrap;font-size:9.5px;font-weight:900}.hw-grade-state.none{background:#f0f2f1;color:#68776f}.hw-grade-state.draft{background:#fff3db;color:#8c610e}.hw-grade-state.released{background:#e5f7ef;color:#176b58}
.hw-grade-editor{display:grid;gap:8px;margin-top:8px;padding:9px;border-radius:10px;background:#f7faf9}
.hw-grade-editor label{display:grid;gap:4px}.hw-grade-editor label>span{font-size:10.5px;font-weight:850;color:#526d64}.hw-grade-editor input,.hw-grade-editor textarea{width:100%;padding:8px 9px;border:1px solid #d8e4df;border-radius:9px;background:#fff;font:inherit;font-size:12px}
.hw-score-field{max-width:120px}.hw-grade-actions{display:flex;gap:7px;flex-wrap:wrap}.hw-grade-actions button{min-height:34px!important;padding:6px 9px!important;font-size:10.5px!important}.hw-grade-help{color:#7c8984;font-size:9.5px;line-height:1.4}
.hw-preview-empty{padding:12px;border:1px dashed #d5e2dd;border-radius:10px;background:#fff;color:#728078;font-size:11px}

/* Student — split English / Chinese */
.hw-student-preview-card{margin:10px 0 13px!important;padding:14px!important;border:1px solid #cfe5dc!important;background:linear-gradient(135deg,#f8fffb,#eef9f4)!important}
.hw-student-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.hw-student-head span{display:block;font-size:9.5px;font-weight:950;letter-spacing:.08em;color:#16806b}.hw-student-head strong{display:block;margin-top:4px;color:#173e34;font-size:18px}.hw-student-head>b{padding:6px 9px;border-radius:10px;background:#147d69;color:#fff;font-size:13px}
.hw-student-intro{margin:7px 0 11px;color:#63776f;font-size:11.5px;line-height:1.45}
.hw-student-zones{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.hw-student-zone{border:1px solid #dbe8e3;border-radius:13px;padding:10px;background:#fff}.hw-student-zone.english{border-top:3px solid #6294c6}.hw-student-zone.chinese{border-top:3px solid #cf8271}
.hw-student-zone-title{display:flex;gap:7px;align-items:center;margin-bottom:8px}.hw-student-zone-title>span{font-size:23px}.hw-student-zone-title strong{display:block;color:#274f44;font-size:13px}.hw-student-zone-title small{display:block;color:#7c8984;font-size:9.5px}
.hw-student-assignment-list{display:grid;gap:8px}.hw-student-assignment{border:1px solid #e2ebe8;border-radius:10px;padding:9px;background:#fbfdfc}.hw-student-assignment-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:start}.hw-student-assignment-head strong{display:block;color:#284f45;font-size:12px}.hw-student-assignment-head small{display:block;color:#7a8781;font-size:9.5px;margin-top:2px}.hw-student-assignment-head>b{color:#0f766e;font-size:13px}
.hw-student-progress{height:6px;margin:7px 0 8px;background:#e1ece8;border-radius:999px;overflow:hidden}.hw-student-progress i{display:block;height:100%;background:#16816b;border-radius:inherit}
.hw-student-tasks{display:grid;gap:5px}.hw-student-task{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border:1px solid #e1eae7;border-radius:9px;background:#fff}.hw-student-task.done{opacity:.76;background:#f8fbfa}.hw-student-task .num{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf4f1;color:#506e65;font-size:10px;font-weight:900}.hw-student-task strong{display:block;color:#31574d;font-size:11px}.hw-student-task small{display:block;color:#7e8a85;font-size:9px}.hw-student-task button{min-height:31px;padding:5px 7px;border:1px solid #cfe0da;border-radius:8px;background:#fff;color:#176d5a;font-size:9.5px;font-weight:900}
.hw-student-note{margin-top:7px;padding:7px 8px;border-radius:8px;background:#fff8e8;color:#775c24;font-size:10.5px;line-height:1.4}
.hw-returned-feedback{margin-top:8px;padding:9px;border:1px solid #bfe2d5;border-radius:9px;background:#eefaf5}.hw-returned-score{color:#176a58;font-size:12px}.hw-returned-feedback p{margin:5px 0;color:#385c52;font-size:11px;line-height:1.5;white-space:pre-wrap}.hw-returned-feedback small{color:#6f8079;font-size:9.5px}.hw-waiting-feedback{margin-top:7px;padding:7px 8px;border-radius:8px;background:#fff7e8;color:#80631f;font-size:10px}.hw-student-empty{padding:9px;border-radius:9px;background:#f7faf9;color:#78857f;font-size:10.5px}
.hw-preview-marker{position:fixed;left:10px;bottom:10px;z-index:99999;padding:6px 9px;border:1px dashed #d5a62e;border-radius:999px;background:#fff9df;color:#765600;font-size:10px;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.08);pointer-events:none}

@media(max-width:900px){
  .hw-preview-grid,.hw-language-overviews,.hw-student-zones{grid-template-columns:1fr}
  .hw-preview-side{order:-1}
}
@media(max-width:700px){
  .hw-zone-switch{grid-template-columns:1fr 1fr;gap:7px}.hw-zone-switch button{grid-template-columns:34px 1fr;padding:8px!important;min-height:58px}.hw-zone-switch button>span{font-size:22px}.hw-zone-switch button strong{font-size:12px}.hw-zone-switch button small{font-size:9.5px}
  .hw-preview-two{grid-template-columns:1fr}.hw-preview-skills{display:grid;grid-template-columns:1fr 1fr}.hw-preview-skills label>span{width:100%}
  .hw-grade-actions{display:grid;grid-template-columns:1fr 1fr}.hw-score-field{max-width:none}
  .hw-student-task{grid-template-columns:25px minmax(0,1fr)}.hw-student-task button{grid-column:2;width:100%}
  .hw-preview-marker{left:8px;bottom:72px;font-size:9px;padding:5px 7px}
}
@media(max-width:430px){
  .hw-zone-switch{grid-template-columns:1fr}.hw-preview-skills{grid-template-columns:1fr}.hw-preview-overview-head{flex-direction:column}.hw-grade-student summary{align-items:flex-start;flex-direction:column}.hw-grade-state{align-self:flex-start}
}
.hw-preview-empty b{display:block;margin-top:5px;color:#45665d;font-size:10.5px;line-height:1.45}

.hw-student-context{display:block;color:#6e7d77!important;font-weight:700}
#hwPreviewStudent option{font-size:13px}

#hwPreviewStudent optgroup{font-weight:900;color:#234c41}
#hwPreviewStudent option{font-weight:500;color:#173e34;padding:4px 8px}

/* v6.15.378 — duplicate assignment state */
#hwPreviewSubmit.hw-already-assigned,
#hwPreviewSubmit.hw-already-assigned:disabled{
  background:#e4ebe8!important;
  border-color:#d3ddd9!important;
  color:#5e6d67!important;
  box-shadow:none!important;
  opacity:1!important;
  cursor:not-allowed!important;
}
.hw-assign-state{min-height:0;margin-top:7px;font-size:11px;line-height:1.4;color:#718079}
.hw-assign-state.active{padding:7px 9px;border-radius:9px;background:#f1f4f3;color:#596a63;font-weight:750}

/* Student Home: homework first */
#studentHomeDashboard>.hw-student-preview-card{
  order:-999!important;
  margin-top:0!important;
}

/* Student Home: keep only Top 3 as a short motivation teaser */
#studentHomeDashboard #vnnPrestigeLeague.hw-home-top3-only .vnn-prestige-tabs,
#studentHomeDashboard #vnnPrestigeLeague.hw-home-top3-only .vnn-prestige-program,
#studentHomeDashboard #vnnPrestigeLeague.hw-home-top3-only .vnn-prestige-list,
#studentHomeDashboard #vnnPrestigeLeague.hw-home-top3-only .vnn-prestige-my-rank,
#studentHomeDashboard #vnnPrestigeLeague.hw-home-top3-only .vnn-prestige-milestones,
#studentHomeDashboard #vnnPrestigeLeague.hw-home-top3-only .vnn-prestige-rules{
  display:none!important;
}
#studentHomeDashboard #vnnPrestigeLeague.hw-home-top3-only{
  padding-bottom:12px!important;
}
#studentHomeDashboard #vnnPrestigeLeague.hw-home-top3-only .vnn-prestige-head{
  margin-bottom:8px!important;
}
#studentHomeDashboard #vnnPrestigeLeague.hw-home-top3-only .vnn-prestige-head p{
  margin-bottom:0!important;
}

#hwComposeDataCount{font-weight:800;color:#55716a}

/* v6.15.378 — compact smart homework grading */
.hw-smart-assignment{padding:10px!important}
.hw-smart-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}
.hw-lesson-badge{display:grid;place-items:center;min-width:42px;height:32px;padding:0 8px;border-radius:9px;background:#eaf3fb;color:#2e6898;font-size:11px;font-weight:950}
.hw-language-overview.chinese .hw-lesson-badge{background:#fff0ec;color:#9b5445}
.hw-smart-title{min-width:0}
.hw-smart-title strong{display:block;color:#21483d;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-smart-title small{display:block;margin-top:2px;color:#7a8782;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-due-pill{white-space:nowrap;padding:5px 7px;border-radius:999px;background:#f5f7f6;color:#66766f;font-size:9.5px;font-weight:850}
.hw-smart-tasks{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #edf2f0}
.hw-smart-label{margin-right:2px;color:#6e7e78;font-size:9.5px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.hw-task-chip{display:inline-flex;align-items:center;min-height:25px;padding:3px 7px;border-radius:999px;background:#eef7f3;color:#286655;font-size:9.5px;font-weight:850}
.hw-task-chip.muted{background:#f2f3f3;color:#75817c}
.hw-smart-summary{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.hw-smart-summary span{padding:4px 6px;border-radius:7px;background:#f7faf9;color:#687871;font-size:9.5px;font-weight:800}
.hw-smart-assignment .hw-grade-students{margin-top:8px}
.hw-smart-student{padding:0!important;border-top:1px solid #edf2f0}
.hw-smart-student>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important;align-items:center!important;padding:7px 0!important}
.hw-smart-student-main{min-width:0}
.hw-smart-student-main strong{display:block!important;font-size:11.5px!important;color:#31574d!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-smart-student-main small{display:block!important;margin-top:1px!important;color:#7b8882!important;font-size:9.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-progress-pill{display:inline-flex;align-items:center;justify-content:center;min-width:35px;padding:4px 6px;border-radius:999px;background:#edf4f1;color:#47665d;font-size:9.5px;font-weight:950}
.hw-smart-student .hw-grade-state{font-size:9px!important}
.hw-grade-editor{margin:0 0 7px!important;padding:9px!important}
.hw-grade-editor-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.hw-grade-editor-head strong{color:#31574d;font-size:11px}
.hw-grade-editor-head span{color:#7b8882;font-size:9.5px}
.hw-grade-editor-grid{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}
.hw-grade-editor textarea{min-height:58px!important}
@media(max-width:700px){
  .hw-smart-head{grid-template-columns:auto minmax(0,1fr)}
  .hw-due-pill{grid-column:2;justify-self:start}
  .hw-smart-student>summary{grid-template-columns:minmax(0,1fr) auto!important}
  .hw-smart-student .hw-grade-state{grid-column:1/-1;justify-self:start}
  .hw-grade-editor-grid{grid-template-columns:1fr}
  .hw-smart-title strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}


/* VƯỜN NGOẠI NGỮ v6.15.378 — STUDENT EXPERIENCE */
.v375-ui #writingBox{min-height:190px}
.v375-ui #writingSaved{font-weight:800;color:#347063}
.v375-ui #dubbingShell .dubbing-kicker{color:#0f766e!important}
.v375-ui #shadowScoreBtn,.v375-ui #dubScoreBtn{white-space:normal}
.v375-ui .listening-path-step.free{border-color:#9bd4c6!important;background:#eefaf6!important}
.v375-ui .listening-tier.free{background:#e8f7f1!important;color:#0c745f!important;border-color:#b9e0d3!important}
.v375-ui .v375-listening-plus-only .exercise-stack,
.v375-ui .v375-listening-plus-only [data-listening-set-footer]{display:none!important}
.v375-listening-lock{display:grid;gap:7px;margin-top:10px;padding:12px 13px;border:1px solid #ead9a7;border-radius:12px;background:#fffaf0;color:#665426}
.v375-listening-lock strong{font-size:14px;color:#745810}
.v375-listening-lock span{font-size:12px;line-height:1.5}
.v375-listening-lock button{justify-self:start;min-height:34px;padding:7px 10px;border:1px solid #d9bd67;border-radius:9px;background:#fff;color:#765c17;font-weight:850}
.v375-recovery-steps{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid #cfe4dd;border-radius:13px;background:#f6fbf9}
.v375-recovery-steps>strong{color:#176a58;font-size:14px}
.v375-recovery-steps ol{margin:0;padding-left:20px;color:#50655f;font-size:12px;line-height:1.65}
.v375-recovery-steps .v375-gmail-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:10px;background:#0f766e;color:#fff;text-decoration:none;font-weight:900}
.v375-recovery-steps small{color:#71817b;line-height:1.45}
@media(max-width:700px){
  .v375-ui #writingBox{min-height:220px;font-size:16px}
  .v375-listening-lock button,.v375-recovery-steps .v375-gmail-btn{width:100%}
}

.v375-recovery-steps .v375-gmail-btn[hidden],.v375-recovery-steps .v375-gmail-btn.hidden{display:none!important}

/* v6.15.378 — Active Recall FREE core */
.vocab-recall-access.v378-recall-free{border-color:#b9dfd2!important;background:#f0faf6!important;color:#315f53!important}
.vocab-recall-access.v378-recall-free strong{color:#11705b!important}
@media(max-width:700px){
  .vocab-recall-access.v378-recall-free{font-size:11px;line-height:1.45}
}