/* VƯỜN NGOẠI NGỮ v6.15.211 — student directory + tester */
.vnn-directory-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 16px;padding:12px;border:1px solid #dfe9e5;border-radius:16px;background:#f8fbfa}
.vnn-directory-tabs{display:flex;gap:7px;flex-wrap:wrap}.vnn-directory-tabs button{border:1px solid #dbe8e3;background:#fff;border-radius:999px;padding:8px 11px;font-weight:750;color:#526b65}.vnn-directory-tabs button.active{background:#147d6f;color:#fff;border-color:#147d6f}
.vnn-directory-filters{display:flex;gap:8px;align-items:center}.vnn-directory-filters select{min-width:170px}.vnn-dir-search{display:flex;align-items:center;gap:6px;border:1px solid #d8e6e1;border-radius:11px;background:#fff;padding:0 10px}.vnn-dir-search input{border:0!important;box-shadow:none!important;min-height:40px;width:190px;padding:0;background:transparent}
.vnn-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vnn-student-card{border:1px solid #dfe9e5;border-radius:18px;background:#fff;padding:16px;box-shadow:0 5px 17px rgba(25,61,54,.05);display:grid;gap:13px}.vnn-student-card.lang-english{border-top:4px solid #4c77bf}.vnn-student-card.lang-chinese{border-top:4px solid #c45959}.vnn-student-card.lang-unassigned{border-top:4px solid #aab7b3}
.vnn-student-top{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:start}.vnn-dir-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e8f4f0;border:2px solid #fff;box-shadow:0 0 0 1px #d6e5df;color:#176e62;font-weight:900}.vnn-dir-avatar img{width:100%;height:100%;object-fit:cover}.vnn-student-identity{min-width:0}.vnn-student-identity strong{display:block;font-size:1rem}.vnn-student-identity span{display:block;margin-top:2px;color:#496b64;font-size:.74rem}.vnn-student-identity small{display:block;margin-top:2px;color:#778780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vnn-student-identity em{display:block;margin-top:4px;font-style:normal;color:#627872;font-size:.68rem}
.vnn-student-course{padding:12px;border-radius:14px;background:#f8fbfa;border:1px solid #e5eeeb}.vnn-dir-course{display:grid;gap:5px}.vnn-dir-language{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;font-size:.68rem;font-weight:850}.vnn-dir-language.english{background:#eef4ff;color:#345d9c}.vnn-dir-language.chinese{background:#fff0f0;color:#a24343}.vnn-dir-course>strong{font-size:.92rem}.vnn-dir-course>span{font-size:.75rem;color:#536c66}.vnn-dir-course>small{font-size:.72rem;color:#6d7d79}.vnn-dir-placement{width:max-content;margin-top:3px;padding:4px 7px;border-radius:999px;font-style:normal;font-size:.66rem;font-weight:800;background:#edf5f2;color:#566d67}.vnn-dir-placement.assigned{background:#e7f7f0;color:#137260}.vnn-dir-placement.required{background:#fff3dc;color:#8a6216}.vnn-dir-course-empty{display:flex;align-items:center;gap:10px}.vnn-dir-course-empty>span{font-size:1.4rem}.vnn-dir-course-empty strong,.vnn-dir-course-empty small{display:block}.vnn-dir-course-empty small{margin-top:2px;color:#778781}
.vnn-student-access{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vnn-student-access>div{padding:9px 10px;border-radius:12px;border:1px solid #e5eeeb}.vnn-student-access span{display:block;color:#788a84;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em}.vnn-student-access strong{display:block;margin-top:3px;font-size:.8rem}.placement-required{color:#8a6216}.placement-assigned{color:#137260}
.vnn-student-actions{display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}.vnn-student-actions button{padding:7px 9px;border:1px solid #dce8e4;border-radius:9px;background:#fff;font-size:.72rem}.vnn-student-actions button.is-current-status{opacity:.5}
@media(max-width:980px){.vnn-directory-toolbar{align-items:stretch;flex-direction:column}.vnn-directory-filters{width:100%}.vnn-dir-search{flex:1}.vnn-dir-search input{width:100%}.vnn-directory-grid{grid-template-columns:1fr}}
@media(max-width:600px){.vnn-directory-filters{flex-direction:column;align-items:stretch}.vnn-directory-filters select{width:100%}.vnn-student-top{grid-template-columns:46px minmax(0,1fr)}.vnn-student-top>.status-badge{grid-column:2;width:max-content}.vnn-student-access{grid-template-columns:1fr}.vnn-student-card{padding:13px}}

.vnn-student-card.lang-tester{border-top:4px solid #8b6cc8;background:linear-gradient(180deg,#fff,#fcfaff)}
.vnn-tester-label{display:inline-flex!important;width:max-content;margin-top:4px;padding:4px 7px;border-radius:999px;background:#f1ebff;color:#6d4cad;font-size:.66rem!important;font-weight:850}
.vnn-dir-tester-summary{display:flex;align-items:center;gap:10px}
.vnn-dir-tester-summary>span{font-size:1.5rem}
.vnn-dir-tester-summary strong,.vnn-dir-tester-summary small{display:block}
.vnn-dir-tester-summary small{margin-top:3px;color:#756b83}