/* English with Kru Joy — แพ็กเกจสมาชิก / ชำระเงิน (Berry Red #C32148 · Champagne #F7E7CE · Navy #172A46) */
.billing-status{margin:0 0 18px;border-left:5px solid #172A46}
.billing-status.soon{border-left-color:#C32148}
.billing-status-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.billing-status p{margin:6px 0}
.billing-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700}
.billing-pill.ok{background:#E9F4EC;color:#1f6b3a}
.billing-pill.warn{background:#FCE6EB;color:#9F1937}
.billing-progress{height:10px;border-radius:999px;background:#F7E7CE;overflow:hidden;margin:10px 0 4px}
.billing-progress i{display:block;height:100%;background:#172A46;border-radius:999px}
.billing-status.soon .billing-progress i{background:#C32148}
.billing-progress-text{display:flex;justify-content:space-between;font-size:13px;color:#5b6475}
.billing-pending{border:2px solid #C32148}
.plan-number{font-size:clamp(28px,3.2vw,38px)}
.plan button[disabled]{opacity:.6;cursor:not-allowed}
.billing-history{display:grid;gap:0}
.billing-order{display:grid;grid-template-columns:1fr auto auto;gap:8px 12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}
.billing-order:last-child{border-bottom:0}
.billing-order small{display:block;color:#5b6475;font-size:12px;overflow-wrap:anywhere}
.billing-order .btn{grid-column:1/-1;justify-self:start}
.billing-pay{text-align:center}
.billing-amount{background:#F7E7CE;border-radius:14px;padding:12px;margin:10px 0}
.billing-amount small{display:block;color:#5b6475;font-size:12px}
.billing-amount strong{display:block;font-size:32px;color:#C32148;line-height:1.3}
.billing-qr{display:block;width:min(260px,72vw);height:auto;margin:6px auto;border:1px solid #eadfcd;border-radius:12px;background:#fff}
.billing-upgrade{display:grid;gap:10px;margin:14px 0}
.billing-upgrade-option{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;border:1px solid #E8D8C7;border-radius:14px;background:#fff;padding:12px 14px;cursor:pointer;font:inherit;color:#172A46}
.billing-upgrade-option:hover,.billing-upgrade-option:focus-visible{border-color:#C32148;outline:none}
.billing-upgrade-option strong{color:#C32148;grid-row:1/3;grid-column:2;align-self:center}
.billing-upgrade-option span,.billing-upgrade-option small{color:#5b6475;font-size:13px}
@media (max-width:900px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.plan-grid{grid-template-columns:1fr}.billing-order{grid-template-columns:1fr auto}.billing-order .tag{grid-column:2}}
.billing-bank{display:grid;gap:2px;justify-items:center;background:#fff;border:1px solid #E8D8C7;border-radius:14px;padding:12px;margin:10px 0}
.billing-bank small,.billing-bank span{color:#5b6475;font-size:13px}
.billing-account{font-size:24px;letter-spacing:.06em;color:#172A46}
.billing-bank .btn{margin-top:6px}
/* แบบวัดระดับภาษา */
.lt-head{font-size:13px;font-weight:700;color:#5b6475}
.lt-progress{height:9px;border-radius:999px;background:#F7E7CE;margin:10px 0 16px;overflow:hidden}
.lt-progress i{display:block;height:100%;background:#C32148;border-radius:999px}
.lt-question{font-size:20px;line-height:1.5;margin:0 0 14px}
.lt-options{display:grid;gap:10px;margin-bottom:10px}
.lt-choice{font:inherit;font-size:17px;text-align:left;padding:14px 16px;border:1px solid #E8D8C7;border-radius:14px;background:#fff;color:#172A46;cursor:pointer;min-height:52px}
.lt-choice:hover,.lt-choice:focus-visible{border-color:#C32148;outline:none;background:#FFF9F3}
.lt-result{display:flex;gap:14px;align-items:center;background:#F7E7CE;border-radius:14px;padding:14px;margin:10px 0}
.lt-result h3{margin:2px 0 4px;font-size:19px}
.lt-result p{margin:0;font-size:14px}
.lt-result small{color:#5b6475}
.lt-badge{flex:none;display:grid;place-items:center;min-width:58px;height:58px;padding:0 8px;border-radius:16px;background:#172A46;color:#fff;font-weight:800;font-size:17px}
.lt-topics{margin:8px 0}
.lt-topics ul{margin:6px 0 0;padding-left:20px;line-height:1.8}
.lt-intro ol{padding-left:20px;line-height:1.9;margin:8px 0 16px}
.lt-home-card{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #E8D8C7;color:#172A46;text-decoration:none}
.lt-home-card b{display:block}
.lt-home-card small{display:block;color:#5b6475}
.lt-home-card>span:last-child{margin-left:auto;font-size:22px;color:#C32148}
.lt-home-card .lt-badge{min-width:52px;height:52px;font-size:14px;background:#C32148}
/* 23 ก.ย. 2569 · หน้ารายได้จากการแนะนำเพื่อน */
.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wallet-total{display:flex;flex-direction:column;gap:6px}
.wallet-total strong{font-size:34px;color:#C32148;font-weight:900;line-height:1.1}
.affiliate-rate-list{display:flex;flex-direction:column;gap:2px}
.table-scroll{overflow-x:auto}
.table-scroll table{width:100%;border-collapse:collapse;font-size:14px}
.table-scroll th,.table-scroll td{text-align:left;padding:8px 10px;border-bottom:1px solid #F1E6D8;white-space:nowrap}
.table-scroll th{color:#5b6475;font-size:12.5px;font-weight:700}
@media(max-width:700px){.wallet-grid{grid-template-columns:1fr}}
.plan-save{color:#1E8C85;font-weight:800}
.upcalc{max-width:620px}
.upcalc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.upcalc-row label,.upcalc-days{display:grid;gap:6px;font-size:14px;font-weight:700}
.upcalc select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.upcalc-days{margin:16px 0 6px}.upcalc-days b{color:#C32148;font-size:18px}
.upcalc-days input{width:100%;accent-color:#C32148;height:28px}
.upcalc-result{background:var(--bg);border-radius:14px;padding:12px 16px;display:grid;gap:6px;font-size:14px}
.upcalc-result>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.upcalc-minus{color:#1E8C85}
.upcalc-due{border-top:1px dashed var(--line);padding-top:8px}.upcalc-due strong{font-size:26px;color:#C32148}
.upcalc-comm{background:#FFF4D6;border-radius:10px;padding:8px 10px}
.upcalc-sub{font-size:12.5px;color:var(--muted)}
@media(max-width:480px){.upcalc-row{grid-template-columns:1fr}}
.plan .plan-current:disabled{opacity:1;background:#E9F7F1;border-color:#9FD8C2;color:#1E6B52}
.plan-renew-link{display:block;width:100%;margin-top:8px;background:none;color:#C32148;font-size:13px;font-weight:700;text-decoration:underline}
.plan.featured .plan-renew-link{color:#FFD9A0}

/* ต่ออายุทุกแพ็กเกจ: จ่ายเต็ม + วันต่อท้าย */
.plan-current-tag{display:block;text-align:center;font-size:13px;font-weight:700;color:#1E8C85;margin:0 0 6px}
.plan-newend{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:6px}
.renew-table table{width:100%;border-collapse:collapse;font-size:14px}.renew-table th,.renew-table td{padding:8px 10px;border-bottom:1px solid #EFE3D3;text-align:left;white-space:nowrap}

/* ยังไม่ถึงช่วงต่ออายุ (27 ก.ย. 2569) · คำอธิบายอัปเกรด/ต่ออายุ */
.plan-wait{margin:10px 0 0;text-align:center;color:#172A46;font-size:14.5px;line-height:1.55;background:#F6F1EA;border-radius:12px;padding:10px 12px}
.plan-wait small{display:block;color:#5b6474;font-size:12.5px}
.plan-newend b{color:#172A46}
.renew-help ul{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.6}
.renew-help b{color:#C32148}
/* การ์ดแพ็กเกจแนะนำ (พื้นกรมท่า): ตัวหนังสือบนพื้นเข้มต้องอ่านชัด */
.plan.featured .plan-newend{color:#DCE3EE}
.plan.featured .plan-newend b{color:#fff}
.plan.featured .plan-wait{background:rgba(255,255,255,.12);color:#fff}
.plan.featured .plan-wait small{color:#DCE3EE}
body #main .plan.featured .kb-comm b{color:#C32148!important}
body #main .plan.featured .kb-comm-txt{color:#8A4B00!important}

/* รายได้ผู้แนะนำต่อแพ็กเกจ (ใต้เครื่องคิดเลขอัปเกรด) */
.upcalc-rates{margin-top:10px;background:#FFF4D6;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.6}
.upcalc-rates span{display:block;font-weight:800;color:#8A4B00}
.upcalc-rates b{color:#C32148}
.upcalc-result p.upcalc-sub{margin:-2px 0 0;text-align:right}
.upcalc-keep{font-style:normal;font-size:12px;font-weight:700;background:#E9F7F1;color:#1E6B52;border-radius:99px;padding:1px 8px;margin-left:4px}.upcalc-plus{color:#1E6B52}.upcalc-total{background:#FFF4D6;border-radius:10px;padding:6px 10px;margin:2px -4px}.upcalc-total b{font-size:18px;color:#172A46}
.upcalc-when{background:#EEF6FF;border-radius:10px;padding:8px 10px;margin:0 -4px 4px;flex-wrap:wrap}.upcalc-when b{font-size:16px;color:#17324D}.upcalc-when small{width:100%;text-align:right;color:#5b6475}
.upcalc-table{display:block!important;margin-top:10px}.upcalc-table>b{display:block;font-size:13.5px;margin-bottom:6px}.upcalc-table table{width:100%;border-collapse:collapse;font-size:13px}.upcalc-table th,.upcalc-table td{padding:6px 8px;border-bottom:1px solid #EFE2D0;text-align:right;white-space:nowrap}.upcalc-table th:first-child,.upcalc-table td:first-child{text-align:left}.upcalc-table td small{display:block;color:#7A6B66;font-size:11.5px}.upcalc-table tr.on td{background:#FFF4D6;font-weight:700}
.upcalc-notes{margin:10px 0 0;padding-left:18px;font-size:13px;color:#5b6475;line-height:1.7}.upcalc-rates-sub{font-size:12.5px;color:#7A6B66;margin-top:2px}
/* แนบสลิปแล้วธนาคารยังไม่ยืนยัน: ระบบตรวจซ้ำให้เอง (ข้อความรอ ไม่ใช่ข้อผิดพลาด · 6 ต.ค. 2569) */
#slip-error.slip-waiting{color:#1E6F68;background:#E6F5F3;border-radius:12px;padding:10px 12px;font-weight:600}