/* VƯỜN NGOẠI NGỮ v6.15.212 — class edit/delete + signup tester flow */
.vnn-class-manager{overflow:visible}.vnn-class-count,.vnn-required-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eef7f4;color:#176f63;font-size:.72rem;font-weight:850;border:1px solid #d5e9e3}
.vnn-class-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.vnn-class-wide{grid-column:span 2}.vnn-day-picker{grid-column:span 2}.vnn-day-picker>div{display:flex;gap:6px;flex-wrap:wrap}.vnn-day-picker label{cursor:pointer}.vnn-day-picker input{display:none}.vnn-day-picker span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:38px;padding:0 8px;border:1px solid #d7e5e0;border-radius:10px;background:#fff;font-weight:750}.vnn-day-picker input:checked+span{background:#147d6f;color:#fff;border-color:#147d6f}
.vnn-class-form-actions{display:flex;gap:12px;align-items:center;margin-top:14px}.vnn-class-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.vnn-class-tabs button{border:1px solid #dce8e4;background:#fff;border-radius:999px;padding:8px 12px}.vnn-class-tabs button.active{background:#147d6f;color:#fff;border-color:#147d6f}
.vnn-class-list{display:grid;gap:10px}.vnn-class-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid #dfe9e5;border-radius:16px;background:#fff}.vnn-class-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f1f7f5;font-size:1.35rem}.vnn-class-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vnn-class-title strong{font-size:1rem}.vnn-class-title span{font-size:.7rem;background:#eef5f2;padding:4px 7px;border-radius:999px;color:#57706a}.vnn-class-main p{margin:4px 0 7px;color:#657872}.vnn-class-meta{display:flex;gap:6px;flex-wrap:wrap}.vnn-class-meta span{font-size:.7rem;background:#f7faf9;border:1px solid #e4ece9;border-radius:999px;padding:4px 7px}.vnn-class-side{text-align:right;display:grid;gap:5px;justify-items:end}.vnn-class-side small{color:#75857f}.vnn-class-side button{padding:7px 9px;border-radius:9px;border:1px solid #dce8e4;background:#fff}
.vnn-signup-class-block{margin:14px 0;padding:14px;border:1px solid #dce8e4;border-radius:14px;background:#f8fbfa}.vnn-signup-class-head{margin-bottom:10px}.vnn-signup-class-head strong{display:block}.vnn-signup-class-head small{display:block;margin-top:3px;color:#6d7d79}.vnn-signup-class-block select{width:100%;margin:5px 0 9px}.vnn-class-choice-note{font-size:.72rem;color:#6d7d79}
.vnn-registration-card{grid-column:1/-1;border-color:#cce4dd!important;background:linear-gradient(180deg,#f7fcfa,#fff)!important}.vnn-registration-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.vnn-registration-head h3{margin:5px 0}.vnn-registration-head p{margin:0;color:#657872}.vnn-registration-grid{display:grid;grid-template-columns:1fr 1.2fr 2fr auto;gap:10px;align-items:end;margin-top:14px}.vnn-registration-grid .field{margin:0}.vnn-registration-empty{margin-top:14px;padding:16px;border:1px dashed #cfded9;border-radius:13px;background:#fbfdfc;color:#60736e}.vnn-registration-grid button{min-height:44px}
@media(max-width:900px){.vnn-class-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vnn-registration-grid{grid-template-columns:1fr 1fr}.vnn-reg-wide{grid-column:1/-1}.vnn-registration-grid button{grid-column:1/-1}.vnn-class-card{grid-template-columns:46px minmax(0,1fr)}.vnn-class-side{grid-column:2;text-align:left;justify-items:start}}
@media(max-width:600px){.vnn-class-form-grid{grid-template-columns:1fr}.vnn-class-wide,.vnn-day-picker{grid-column:1}.vnn-registration-head{display:block}.vnn-required-pill{margin-top:8px}.vnn-registration-grid{grid-template-columns:1fr}.vnn-reg-wide,.vnn-registration-grid button{grid-column:1}.vnn-class-card{grid-template-columns:1fr}.vnn-class-icon{width:42px;height:42px}.vnn-class-side{grid-column:1}}

.vnn-enrollment-list{display:grid;gap:10px}
.vnn-enrollment-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid #dfe9e5;border-radius:16px;background:#fff}
.vnn-enrollment-card.status-pending{border-color:#d9e6e2;background:linear-gradient(180deg,#fff,#fbfdfc)}
.vnn-enrollment-card.status-assigned{border-color:#bfe0d7;background:#f5fbf8}
.vnn-admin-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e9f4f0;border:2px solid #fff;box-shadow:0 0 0 1px #d5e5df;color:#176f63;font-weight:900}
.vnn-admin-avatar img{width:100%;height:100%;object-fit:cover}
.vnn-enrollment-main{min-width:0}
.vnn-enrollment-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.vnn-enrollment-name strong{font-size:.98rem}
.vnn-enrollment-name span{font-size:.68rem;padding:4px 7px;border-radius:999px;background:#eef6f3;color:#56716a}
.vnn-enrollment-main p{margin:4px 0 7px;color:#60756e}
.vnn-enrollment-side{display:grid;gap:7px;justify-items:end}
.vnn-enrollment-side>b{font-size:.74rem;color:#506761}
.vnn-enrollment-side>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.vnn-enrollment-side button{padding:7px 9px;border-radius:9px;border:1px solid #d9e6e2;background:#fff}
.vnn-enrollment-side button.primary{background:#147d6f;color:#fff;border-color:#147d6f}
@media(max-width:760px){
  .vnn-enrollment-card{grid-template-columns:44px minmax(0,1fr)}
  .vnn-enrollment-side{grid-column:2;justify-items:start}
  .vnn-enrollment-side>div{justify-content:flex-start}
}

.vnn-time24-field label{display:flex;align-items:center;gap:6px}
.vnn-time24-field label small{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#eaf5f2;color:#176f63;font-size:.62rem;font-weight:850;letter-spacing:.04em}
.vnn-time24-select{font-variant-numeric:tabular-nums;font-weight:780;letter-spacing:.02em}

.vnn-signup-type-block{margin:14px 0;padding:14px;border:1px solid #dce8e4;border-radius:14px;background:#fbfdfc}
.vnn-signup-type-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.vnn-signup-type-options label{cursor:pointer}
.vnn-signup-type-options input{position:absolute;opacity:0;pointer-events:none}
.vnn-signup-type-options span{display:grid;gap:3px;min-height:70px;padding:11px 12px;border:1px solid #dce8e4;border-radius:12px;background:#fff;transition:.16s ease}
.vnn-signup-type-options b{font-size:.84rem}.vnn-signup-type-options small{color:#70817b;line-height:1.35}
.vnn-signup-type-options input:checked+span{border-color:#188172;background:#edf8f4;box-shadow:0 0 0 2px rgba(24,129,114,.08)}
.vnn-reload-classes{margin-top:8px;padding:7px 9px;border:1px solid #dbe8e3;border-radius:9px;background:#fff;color:#45665e;font-size:.72rem}
.vnn-reload-classes:disabled{opacity:.55}
@media(max-width:520px){.vnn-signup-type-options{grid-template-columns:1fr}}

.vnn-class-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.vnn-class-actions button{white-space:nowrap}
.vnn-class-edit-btn{font-weight:750}
.vnn-class-delete-btn{border-color:#ead4d4!important;color:#9b3e3e!important;background:#fffafa!important}
#vnnCancelClassEdit{padding:9px 12px;border-radius:10px;border:1px solid #dce8e4;background:#fff}
@media(max-width:900px){.vnn-class-actions{justify-content:flex-start}}