/* VƯỜN NGOẠI NGỮ v6.15.229 — teacher changes a student's mistaken class */
.vnn-change-class-btn{border-color:rgba(15,143,131,.28)!important;background:rgba(15,143,131,.06)!important;color:#0a746a!important}
.vnn-teacher-class-change-overlay{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:20px;background:rgba(12,28,26,.42);backdrop-filter:blur(4px)}
.vnn-teacher-class-change-overlay.hidden{display:none!important}
.vnn-teacher-class-change-modal{position:relative;width:min(680px,100%);max-height:min(88vh,760px);overflow:auto;padding:24px;border:1px solid rgba(15,143,131,.18);border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(11,52,47,.24)}
.vnn-teacher-class-change-modal h2{margin:5px 0 7px;font-size:24px;line-height:1.25}
.vnn-teacher-class-change-modal>p{margin:0 42px 14px 0;color:var(--muted,#6c645e);line-height:1.5}
.vnn-teacher-class-change-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f3f5f4;font-size:24px;line-height:1;cursor:pointer}
.vnn-teacher-class-change-current{display:grid;gap:4px;margin:15px 0;padding:13px 14px;border:1px solid rgba(62,73,70,.1);border-radius:15px;background:#f8fbfa}
.vnn-teacher-class-change-current span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#0f8f83;text-transform:uppercase}
.vnn-teacher-class-change-current strong{font-size:16px}
.vnn-teacher-class-change-current small{color:var(--muted,#6c645e);line-height:1.45}
.vnn-teacher-class-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vnn-teacher-class-change-grid label{display:flex;flex-direction:column;gap:6px;font-weight:750}
.vnn-teacher-class-change-grid label>span{font-size:12px;color:var(--muted,#6c645e)}
.vnn-teacher-class-change-grid .wide{grid-column:1/-1}
.vnn-teacher-class-change-grid select{width:100%;min-height:46px;padding:0 12px;border:1px solid rgba(68,72,69,.18);border-radius:12px;background:#fff;color:inherit;font:inherit}
.vnn-teacher-class-change-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.vnn-teacher-class-change-modal>.feedback{display:block;min-height:20px;margin-top:10px}
@media(max-width:680px){
  .vnn-teacher-class-change-overlay{padding:10px;align-items:end}
  .vnn-teacher-class-change-modal{padding:20px 16px;border-radius:22px 22px 14px 14px;max-height:90vh}
  .vnn-teacher-class-change-grid{grid-template-columns:1fr}
  .vnn-teacher-class-change-grid .wide{grid-column:auto}
  .vnn-teacher-class-change-actions{display:grid;grid-template-columns:1fr}
  .vnn-teacher-class-change-actions button{width:100%}
}