/* VƯỜN NGOẠI NGỮ v6.15.326 — TEACHER CLARITY
   One visual authority for Teacher management readability.
   No data/business/learning logic changes. */

:root{
  --v326-ink:#173e34;
  --v326-ink-2:#345b51;
  --v326-muted:#6d7e77;
  --v326-line:#dce8e3;
  --v326-soft:#f7fbf9;
  --v326-en:#4777c8;
  --v326-zh:#d76655;
  --v326-ok:#167763;
  --v326-warn:#99650e;
  --v326-danger:#a94339;
}

/* =========================================================
   1. GLOBAL TEACHER READABILITY
   ========================================================= */
body.v326-ui #view-teacher,
body.v326-ui #view-teacher .teacher-panel,
body.v326-ui #view-teacher .teacher-section{
  color:var(--v326-ink)!important;
}
body.v326-ui #view-teacher .teacher-section{
  overflow:visible!important;
}
body.v326-ui #view-teacher .teacher-section-head h2,
body.v326-ui #view-teacher .teacher-section-head h3{
  color:var(--v326-ink)!important;
}
body.v326-ui #view-teacher .teacher-section-head p,
body.v326-ui #view-teacher .muted{
  color:var(--v326-muted)!important;
}
body.v326-ui #view-teacher button,
body.v326-ui #view-teacher input,
body.v326-ui #view-teacher select{
  color:var(--v326-ink)!important;
}
body.v326-ui #view-teacher button{
  font-weight:800!important;
}
body.v326-ui #view-teacher button:disabled{
  color:#8ca099!important;
  opacity:.72!important;
  cursor:not-allowed!important;
}

/* Context strip is always legible. */
body.v326-ui .v324-panel-guide{
  color:var(--v326-ink)!important;
  background:#f8fbfa!important;
}
body.v326-ui .v324-panel-guide strong{
  color:#236757!important;
  font-size:13.5px!important;
}
body.v326-ui .v324-panel-guide span{
  color:#62776f!important;
  font-size:13px!important;
}

/* =========================================================
   2. LANGUAGE GROUPS — FIX GENERIC .english/.chinese COLLISIONS
   ========================================================= */
body.v326-ui #teacher-students .v324-language-section{
  color:var(--v326-ink)!important;
  background:#fff!important;
}
body.v326-ui #teacher-students .v326-lang-english{
  border-top:4px solid var(--v326-en)!important;
}
body.v326-ui #teacher-students .v326-lang-chinese{
  border-top:4px solid var(--v326-zh)!important;
}
body.v326-ui #teacher-students .v326-lang-unassigned,
body.v326-ui #teacher-students .v326-lang-tester{
  border-top:3px solid #a8b7b1!important;
}
body.v326-ui #teacher-students .v324-language-section-head{
  color:var(--v326-ink)!important;
  background:linear-gradient(180deg,#ffffff,#f8fbfa)!important;
}
body.v326-ui #teacher-students .v324-language-title>span{
  color:var(--v326-ink)!important;
  background:#edf5f2!important;
}
body.v326-ui #teacher-students .v324-language-title strong{
  color:var(--v326-ink)!important;
  font-size:19px!important;
}
body.v326-ui #teacher-students .v324-language-title small{
  color:#687b74!important;
  font-size:13.5px!important;
}
body.v326-ui #teacher-students .v324-language-head-actions>b{
  color:#1c6657!important;
  background:#edf8f4!important;
}

/* =========================================================
   3. STUDENT CARD — 4 CLEAR INFORMATION BLOCKS
   ========================================================= */
body.v326-ui #teacher-students .v326-student-card{
  color:var(--v326-ink)!important;
  background:#fff!important;
  border:1px solid var(--v326-line)!important;
  border-top:4px solid #4c79cb!important;
  border-radius:17px!important;
  box-shadow:0 7px 18px rgba(18,66,56,.055)!important;
}
body.v326-ui #teacher-students .v326-student-card.lang-chinese{
  border-top-color:var(--v326-zh)!important;
}
body.v326-ui #teacher-students .v326-student-card.lang-tester{
  border-top-color:#8b6cc8!important;
}
body.v326-ui #teacher-students .v326-block-label{
  display:block!important;
  margin:0 0 5px!important;
  color:#789089!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
}
body.v326-ui #teacher-students .vnn-student-identity strong{
  color:#123f34!important;
  font-size:18px!important;
  line-height:1.28!important;
}
body.v326-ui #teacher-students .vnn-student-identity span,
body.v326-ui #teacher-students .vnn-student-identity small,
body.v326-ui #teacher-students .vnn-student-identity em{
  color:#62786f!important;
}
body.v326-ui #teacher-students .vnn-student-identity small{
  font-size:13.5px!important;
}
body.v326-ui #teacher-students .vnn-student-identity em{
  font-size:12.5px!important;
  font-style:normal!important;
}

/* Course block: no white-on-white text. */
body.v326-ui #teacher-students .vnn-student-course{
  color:var(--v326-ink)!important;
  background:#f8fbfa!important;
  border:1px solid #e0ebe6!important;
}
body.v326-ui #teacher-students .vnn-dir-course,
body.v326-ui #teacher-students .vnn-dir-course-empty,
body.v326-ui #teacher-students .vnn-dir-tester-summary{
  color:var(--v326-ink)!important;
}
body.v326-ui #teacher-students .vnn-dir-course>strong,
body.v326-ui #teacher-students .vnn-dir-course-empty strong,
body.v326-ui #teacher-students .vnn-dir-tester-summary strong{
  color:#153f35!important;
  font-size:16px!important;
}
body.v326-ui #teacher-students .vnn-dir-course>span{
  color:#46675e!important;
  font-size:14px!important;
  font-weight:750!important;
}
body.v326-ui #teacher-students .vnn-dir-course>small,
body.v326-ui #teacher-students .vnn-dir-course-empty small,
body.v326-ui #teacher-students .vnn-dir-tester-summary small{
  color:#637970!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.v326-ui #teacher-students .vnn-dir-language{
  color:#345d9c!important;
  background:#eef4ff!important;
}
body.v326-ui #teacher-students .vnn-dir-language.chinese{
  color:#9a403d!important;
  background:#fff0ef!important;
}
body.v326-ui #teacher-students .vnn-dir-placement{
  color:#586d66!important;
  background:#edf5f2!important;
}
body.v326-ui #teacher-students .vnn-dir-placement.assigned{color:#116b5b!important;background:#e7f7f0!important}
body.v326-ui #teacher-students .vnn-dir-placement.required{color:#8a5c0d!important;background:#fff2d8!important}
body.v326-ui #teacher-students .vnn-dir-placement.pending{color:#6e641d!important;background:#fff9db!important}

/* Access + placement boxes always show title, main value and explanation. */
body.v326-ui #teacher-students .vnn-student-access{
  align-content:stretch!important;
}
body.v326-ui #teacher-students .v326-access-box{
  min-width:0!important;
  min-height:118px!important;
  padding:12px!important;
  border:1px solid #dfeae6!important;
  border-radius:13px!important;
  background:#fbfdfc!important;
}
body.v326-ui #teacher-students .v326-access-box>span{
  color:#758982!important;
  font-size:11.5px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
body.v326-ui #teacher-students .v326-access-box>strong{
  display:block!important;
  margin-top:8px!important;
  color:#153f35!important;
  font-size:15.5px!important;
  line-height:1.38!important;
}
body.v326-ui #teacher-students .v326-access-box>small{
  display:block!important;
  margin-top:7px!important;
  color:#667a73!important;
  font-size:12.5px!important;
  line-height:1.42!important;
}
body.v326-ui #teacher-students .v326-access-box.free{border-left:4px solid #53a97f!important}
body.v326-ui #teacher-students .v326-access-box.premium{border-left:4px solid #637ed4!important}
body.v326-ui #teacher-students .v326-access-box.trial{border-left:4px solid #9a78c8!important}
body.v326-ui #teacher-students .v326-access-box.pending{border-left:4px solid #d2a748!important}
body.v326-ui #teacher-students .v326-access-box.expired,
body.v326-ui #teacher-students .v326-access-box.blocked{border-left:4px solid #d7796f!important}

/* Status badges are visible and semantic. */
body.v326-ui #teacher-students .status-badge{
  color:#526a62!important;
  background:#eef5f2!important;
  border:1px solid #dde9e5!important;
}
body.v326-ui #teacher-students .status-badge.status-approved{color:#0f735f!important;background:#e7fbf3!important}
body.v326-ui #teacher-students .status-badge.status-pending{color:#8a5b08!important;background:#fff2d5!important}
body.v326-ui #teacher-students .status-badge.status-blocked,
body.v326-ui #teacher-students .status-badge.status-rejected{color:#9b443a!important;background:#fff0ee!important}

/* =========================================================
   4. ACTION BAND — ALWAYS 6 LABELED CONTROLS, NO EMPTY BOXES
   ========================================================= */
body.v326-ui #teacher-students .vnn-student-actions{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(108px,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
body.v326-ui #teacher-students .vnn-student-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  padding:8px 9px!important;
  border:1px solid #d7e5e0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#173f35!important;
  font-size:13.5px!important;
  line-height:1.25!important;
  font-weight:850!important;
  opacity:1!important;
  visibility:visible!important;
  text-indent:0!important;
}
body.v326-ui #teacher-students .vnn-student-actions button.is-current-status,
body.v326-ui #teacher-students .vnn-student-actions .v326-action-disabled{
  color:#80938c!important;
  background:#f7faf9!important;
  border-color:#e2ebe8!important;
  opacity:.82!important;
}
body.v326-ui #teacher-students .vnn-student-actions .vnn-change-class-btn:not(:disabled){
  color:#0d7567!important;
  background:#effafa!important;
  border-color:#addfd9!important;
}
body.v326-ui #teacher-students .vnn-student-actions .v326-progress-btn:not(:disabled){
  color:#315b8c!important;
  background:#f1f6ff!important;
  border-color:#cbdaf0!important;
}
body.v326-ui #teacher-students .vnn-student-actions .student-delete-account-btn:not(:disabled){
  color:#a94237!important;
  background:#fff6f4!important;
  border-color:#efb6ad!important;
}

/* =========================================================
   5. PROGRESS — TURN DENSE TABLE INTO SCANNABLE MANAGEMENT ROWS
   ========================================================= */
body.v326-ui #teacher-progress .v324-language-hub{
  border-left:4px solid #2b7c69!important;
}
body.v326-ui #teacher-progress .progress-evaluation-table{
  display:grid!important;
  gap:10px!important;
}
body.v326-ui #teacher-progress .progress-evaluation-row{
  color:var(--v326-ink)!important;
  background:#fff!important;
  border:1px solid var(--v326-line)!important;
  border-radius:14px!important;
  box-shadow:0 5px 14px rgba(18,66,56,.045)!important;
}
body.v326-ui #teacher-progress .progress-evaluation-th{
  background:#f3f8f6!important;
  color:#526b63!important;
  font-size:12.5px!important;
  font-weight:900!important;
}
body.v326-ui #teacher-progress .progress-eval-student strong{
  color:#143f35!important;
  font-size:15.5px!important;
}
body.v326-ui #teacher-progress .progress-eval-student small,
body.v326-ui #teacher-progress .progress-eval-number small,
body.v326-ui #teacher-progress .progress-eval-number em{
  color:#6b7f77!important;
}
body.v326-ui #teacher-progress .progress-eval-number strong{
  color:#17483d!important;
  font-size:22px!important;
}
body.v326-ui #teacher-progress .progress-eval-empty{
  color:#76877f!important;
}
body.v326-ui #teacher-progress .progress-eval-advice p{
  color:#4f6d64!important;
  background:#f7faf9!important;
}
body.v326-ui #teacher-progress .progress-eval-actions button{
  color:#155f51!important;
  background:#fff!important;
  border:1px solid #cfe1db!important;
}

/* =========================================================
   6. REPORT — CLEAR HIERARCHY FOR DECISION MAKING
   ========================================================= */
body.v326-ui #teacher-report .v324-language-hub{
  border-left:4px solid #4b78ca!important;
}
body.v326-ui #teacher-report .report-summary,
body.v326-ui #teacher-report #reportSummary{
  gap:10px!important;
}
body.v326-ui #teacher-report .report-metric{
  color:var(--v326-ink)!important;
  background:#fff!important;
  border:1px solid var(--v326-line)!important;
  border-radius:13px!important;
}
body.v326-ui #teacher-report .report-metric span{
  color:#6f817a!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.v326-ui #teacher-report .report-metric strong{
  color:#17473d!important;
  font-size:24px!important;
}
body.v326-ui #teacher-report .report-metric small{
  color:#6c8078!important;
  font-size:12.5px!important;
}
body.v326-ui #teacher-report .report-assessment-card{
  color:var(--v326-ink)!important;
  background:#fff!important;
  border:1px solid var(--v326-line)!important;
}
body.v326-ui #teacher-report .report-assessment-card.strong{border-left:4px solid #3f9d76!important}
body.v326-ui #teacher-report .report-assessment-card.weak{border-left:4px solid #d5a043!important}
body.v326-ui #teacher-report .report-assessment-card.advice{border-left:4px solid #5b7fc0!important}
body.v326-ui #teacher-report .report-assessment-card span,
body.v326-ui #teacher-report .report-assessment-card b,
body.v326-ui #teacher-report .report-assessment-card p,
body.v326-ui #teacher-report .report-assessment-card em{
  color:inherit!important;
}
body.v326-ui #teacher-report .report-skill{
  color:var(--v326-ink)!important;
  background:#fbfdfc!important;
  border:1px solid #e0e9e5!important;
}
body.v326-ui #teacher-report .report-empty{
  color:#71827b!important;
  background:#fafcfb!important;
}

/* =========================================================
   7. BXH & THƯỞNG — CLEAR MANAGEMENT, ORIGINAL SCORING
   ========================================================= */
body.v326-ui #teacher-league .v324-language-hub{
  border-left:4px solid #d5a243!important;
}
body.v326-ui #teacher-league .v326-english,
body.v326-ui #teacher-league .v326-chinese{
  color:var(--v326-ink)!important;
  background:#fff!important;
}
body.v326-ui #teacher-league .v326-english{
  border-left:4px solid var(--v326-en)!important;
}
body.v326-ui #teacher-league .v326-chinese{
  border-left:4px solid var(--v326-zh)!important;
}
body.v326-ui #teacher-league .vnn-teacher-league-card,
body.v326-ui #teacher-league .vnn-prestige-league{
  color:var(--v326-ink)!important;
  background:#fff!important;
  border:1px solid var(--v326-line)!important;
  box-shadow:0 7px 20px rgba(18,66,56,.055)!important;
}
body.v326-ui #teacher-league .vnn-prestige-head h3,
body.v326-ui #teacher-league .vnn-prestige-program strong,
body.v326-ui #teacher-league .vnn-prestige-name b,
body.v326-ui #teacher-league .vnn-prestige-score strong{
  color:#173f35!important;
}
body.v326-ui #teacher-league .vnn-prestige-head p,
body.v326-ui #teacher-league .vnn-prestige-program span,
body.v326-ui #teacher-league .vnn-prestige-name small,
body.v326-ui #teacher-league .vnn-prestige-score small,
body.v326-ui #teacher-league .vnn-prestige-rules p{
  color:#687c74!important;
}
body.v326-ui #teacher-league .v324-league-scope-note{
  color:#665b40!important;
  background:#fff9e8!important;
  border:1px solid #f0e0aa!important;
}

/* =========================================================
   8. RESPONSIVE
   ========================================================= */
@media(max-width:1280px){
  body.v326-ui #teacher-students .vnn-student-actions{
    grid-template-columns:repeat(3,minmax(120px,1fr))!important;
  }
}
@media(max-width:900px){
  body.v326-ui #teacher-students .vnn-student-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.v326-ui #teacher-students .v326-access-box{
    min-height:104px!important;
  }

  /* Progress rows become labeled cards on tablet/mobile. */
  body.v326-ui #teacher-progress .progress-evaluation-th{
    display:none!important;
  }
  body.v326-ui #teacher-progress .progress-evaluation-row:not(.progress-evaluation-th){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    padding:13px!important;
  }
  body.v326-ui #teacher-progress .progress-evaluation-row:not(.progress-evaluation-th)>div{
    min-width:0!important;
    padding:9px!important;
    border:1px solid #e5ece9!important;
    border-radius:10px!important;
    background:#fbfdfc!important;
  }
  body.v326-ui #teacher-progress .progress-evaluation-row:not(.progress-evaluation-th)>div:nth-child(2)::before{content:"ĐÃ LÀM";display:block;color:#789089;font-size:10.5px;font-weight:900;letter-spacing:.06em;margin-bottom:4px}
  body.v326-ui #teacher-progress .progress-evaluation-row:not(.progress-evaluation-th)>div:nth-child(3)::before{content:"CHƯA XONG";display:block;color:#789089;font-size:10.5px;font-weight:900;letter-spacing:.06em;margin-bottom:4px}
  body.v326-ui #teacher-progress .progress-evaluation-row:not(.progress-evaluation-th)>div:nth-child(4)::before{content:"LÀM TỐT";display:block;color:#789089;font-size:10.5px;font-weight:900;letter-spacing:.06em;margin-bottom:4px}
  body.v326-ui #teacher-progress .progress-evaluation-row:not(.progress-evaluation-th)>div:nth-child(5)::before{content:"CẦN CẢI THIỆN";display:block;color:#789089;font-size:10.5px;font-weight:900;letter-spacing:.06em;margin-bottom:4px}
  body.v326-ui #teacher-progress .progress-evaluation-row:not(.progress-evaluation-th)>div:nth-child(6)::before{content:"HƯỚNG SỬA";display:block;color:#789089;font-size:10.5px;font-weight:900;letter-spacing:.06em;margin-bottom:4px}
  body.v326-ui #teacher-progress .progress-eval-student,
  body.v326-ui #teacher-progress .progress-eval-detail{
    grid-column:1/-1!important;
  }
}
@media(max-width:620px){
  body.v326-ui #teacher-students .v324-language-section-head{
    padding:12px!important;
  }
  body.v326-ui #teacher-students .v324-language-title strong{
    font-size:17px!important;
  }
  body.v326-ui #teacher-students .vnn-student-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.v326-ui #teacher-students .v326-access-box{
    min-height:0!important;
  }
  body.v326-ui #teacher-progress .progress-evaluation-row:not(.progress-evaluation-th){
    grid-template-columns:1fr!important;
  }
  body.v326-ui #teacher-progress .progress-evaluation-row:not(.progress-evaluation-th)>div,
  body.v326-ui #teacher-progress .progress-eval-student,
  body.v326-ui #teacher-progress .progress-eval-detail{
    grid-column:1!important;
  }
}
@media(max-width:380px){
  body.v326-ui #teacher-students .vnn-student-actions{
    grid-template-columns:1fr!important;
  }
}