/* V6.6.12 - Học phí theo tháng */
.v6612-toolbar-note{margin:0 0 14px;padding:12px 14px;border:1px solid #d7e5dd;border-radius:13px;background:#f7faf8;color:#456258;font-size:12px;line-height:1.55}
.v6612-toolbar-note.warn{border-color:#efc9ca;background:#fff5f5;color:#9f3038}
.v6612-tuition-cell{min-width:230px;max-width:330px}
.v6612-month-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px}
.v6612-month-chip{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:46px;padding:5px 7px;border-radius:999px;border:1px solid #d8e3dd;background:#f3f6f4;color:#607269;font-size:9px;font-weight:800;white-space:nowrap}
.v6612-month-chip.paid{border-color:#b9ddca;background:#e7f5ed;color:#126142}
.v6612-month-chip.unpaid{border-color:#efc6c9;background:#fff0f1;color:#b62f3b}
.v6612-month-chip.before{border-color:#dde4e0;background:#f6f7f6;color:#89958f}
.v6612-tuition-exempt{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#fff6d9;color:#7a5713;border:1px solid #ead59a;font-size:10px;font-weight:800;margin-bottom:8px}
.v6612-tuition-meta{display:flex;flex-wrap:wrap;gap:6px 10px;color:#64766e;font-size:9px;margin-bottom:8px}
.v6612-tuition-meta strong{color:#163f31}
.v6612-tuition-modal .v6612-account-box{padding:14px;border:1px solid #dce7e1;border-radius:14px;background:#f8faf9;margin-bottom:16px}
.v6612-tuition-modal .v6612-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v6612-tuition-modal .v6612-exempt-row{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:12px;background:#fff9e9;border:1px solid #ead9a5}
.v6612-tuition-modal .v6612-exempt-row input{width:17px;height:17px;flex:0 0 auto;margin-top:2px}
.v6612-tuition-month-list{display:grid;gap:8px}
.v6612-tuition-month-row{display:grid;grid-template-columns:minmax(105px,1fr) minmax(100px,.85fr) minmax(100px,.8fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #dde7e2;border-radius:12px;background:#fff}
.v6612-tuition-month-row .month{font-weight:800;color:#123f30}
.v6612-tuition-month-row .paid-info{font-size:9px;color:#607269;line-height:1.45}
.v6612-tuition-month-row .amount{font-size:10px;color:#274c3f}
.v6612-student-tuition-alert{margin:16px 0 0;border:1px solid #efc8ca;border-left:5px solid #c43a45;background:#fff6f6;border-radius:16px;padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;box-shadow:0 10px 24px rgba(105,33,39,.06)}
.v6612-student-tuition-alert .icon{width:42px;height:42px;border-radius:13px;background:#ffe4e6;color:#aa2531;display:grid;place-items:center;font-size:19px;flex:0 0 auto}
.v6612-student-tuition-alert .body{flex:1;min-width:0}
.v6612-student-tuition-alert h3{margin:0 0 4px;color:#7d1e27;font-size:16px}
.v6612-student-tuition-alert p{margin:0;color:#71545a;font-size:11px;line-height:1.55}
.v6612-student-tuition-alert .months{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.v6612-student-tuition-alert .months span{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #efc8ca;color:#9a2b35;font-size:9px;font-weight:800}
.v6612-student-tuition-alert .total{font-size:12px;font-weight:800;color:#7d1e27;margin-top:9px}
.v6612-filter{min-width:170px}
@media(max-width:1100px){.v6612-tuition-cell{min-width:200px}.v6612-tuition-month-row{grid-template-columns:1fr 1fr auto}.v6612-tuition-month-row .amount{display:none}}
@media(max-width:760px){.v6612-student-tuition-alert{flex-direction:column;padding:14px}.v6612-student-tuition-alert .icon{width:36px;height:36px}.v6612-tuition-modal .v6612-account-grid{grid-template-columns:1fr}.v6612-tuition-month-row{grid-template-columns:1fr auto;gap:6px}.v6612-tuition-month-row .paid-info,.v6612-tuition-month-row .amount{grid-column:1/-1}.v6612-toolbar-note{font-size:11px}}

.v6612-student-tuition-alert.v6612-load-warning{border-color:#e8d39a;border-left-color:#b78624;background:#fffaf0}
.v6612-student-tuition-alert.v6612-load-warning .icon{background:#fff0c7;color:#8b6519}
.v6612-student-tuition-alert.v6612-load-warning h3{color:#725215}


/* V6.6.15 - Safari/iPhone: ô chọn tháng học phí luôn nằm gọn trong khung */
.v6612-tuition-modal,
.v6612-tuition-modal .v6612-account-box,
.v6612-tuition-modal .v6612-account-grid,
.v6612-tuition-modal .field{
  min-width:0;
  max-width:100%;
}
.v6612-tuition-modal .v6612-account-box,
.v6612-tuition-modal .field{
  overflow:hidden;
}
.v6612-tuition-modal .v6615-start-month{
  display:block;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  inline-size:100% !important;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
  box-sizing:border-box;
  text-align:left;
}
@media(max-width:760px){
  .v6612-tuition-modal{overflow-x:hidden}
  .v6612-tuition-modal .v6612-account-box{padding:12px}
}