/* VƯỜN NGOẠI NGỮ v6.15.357 — TEACHER COORDINATION CENTER */
.v357-coord-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px;padding:12px 14px;border:1px solid #d9e7e2;border-radius:14px;background:#f8fbfa}
.v357-coord-alert strong{color:#173e34}
.v357-coord-alert span{color:#60756e;font-size:13px}
.v357-coord-alert button{flex:0 0 auto}
.v357-coord-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.v357-coord-stat{padding:14px;border:1px solid #dce8e3;border-radius:14px;background:#fff}
.v357-coord-stat strong{display:block;font-size:28px;line-height:1;color:#0f8f83;margin-bottom:6px}
.v357-coord-stat span{font-size:12.5px;color:#667a73;font-weight:800}
.v357-coord-section{margin-top:14px}
.v357-coord-section-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.v357-coord-section-head h3{margin:0 0 3px;font-size:19px;color:#173e34}
.v357-coord-section-head p{margin:0;color:#6b7e77;font-size:13px}
.v357-attention-list{display:grid;gap:8px}
.v357-attention-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e1ebe7;border-radius:12px;background:#fff}
.v357-attention-row>div{min-width:0}
.v357-attention-row strong{display:block;color:#173e34}
.v357-attention-row small{display:block;margin-top:3px;color:#6a7c75}
.v357-attention-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#fff4da;color:#8a5b08;font-size:11.5px;font-weight:900}
.v357-class-list{display:grid;gap:12px}
.v357-class-card{border:1px solid #dce8e3;border-radius:16px;background:#fff;overflow:hidden}
.v357-class-head{display:flex;justify-content:space-between;gap:12px;padding:14px;background:linear-gradient(180deg,#fbfdfc,#f6faf8);border-bottom:1px solid #e4ece9}
.v357-class-head strong{display:block;font-size:17px;color:#173e34}
.v357-class-head small{display:block;margin-top:3px;color:#6b7f77}
.v357-class-status{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.v357-class-status span{padding:5px 8px;border-radius:999px;background:#edf6f3;color:#2c6658;font-size:11.5px;font-weight:850}
.v357-class-body{padding:12px}
.v357-roster{display:grid;gap:7px}
.v357-roster-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #e7efec;border-radius:11px;background:#fbfdfc}
.v357-roster-row input{width:18px;height:18px}
.v357-roster-main strong{display:block;color:#173e34;font-size:14px}
.v357-roster-main small{display:block;margin-top:2px;color:#6d7e77;font-size:12px}
.v357-roster-flags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.v357-roster-flags span{padding:4px 7px;border-radius:999px;font-size:10.5px;font-weight:850}
.v357-ok{background:#e8f7f1;color:#146b58}
.v357-warn{background:#fff1d7;color:#8a5b08}
.v357-pending{background:#f1eefb;color:#6b53a3}
.v357-class-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;align-items:end;margin-top:11px;padding-top:11px;border-top:1px solid #e5ece9}
.v357-class-actions .field{margin:0}
.v357-class-actions select{width:100%}
.v357-bulk-note{margin-top:8px;color:#6b7f77;font-size:12px}
.v357-empty{padding:14px;border:1px dashed #d4e2dd;border-radius:12px;color:#708078;background:#fafcfb}
@media(max-width:900px){
  .v357-coord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v357-class-actions{grid-template-columns:1fr}
  .v357-class-actions button{width:100%}
}
@media(max-width:620px){
  .v357-coord-alert{align-items:flex-start;flex-direction:column}
  .v357-coord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v357-roster-row{grid-template-columns:auto minmax(0,1fr)}
  .v357-roster-flags{grid-column:2;justify-content:flex-start}
  .v357-class-head{flex-direction:column}
  .v357-class-status{justify-content:flex-start}
}