/* TalkOn My Plan & Payments v2.54 */
.billing-shell{display:grid;gap:12px}.billing-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}
.billing-card,.billing-side,.billing-history,.billing-actions{padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:rgba(255,255,255,.016)}
.billing-card{background:linear-gradient(145deg,rgba(131,233,73,.055),rgba(44,230,214,.02));border-color:rgba(131,233,73,.15)}
.billing-kicker{display:block;color:#8cead9;font-size:8px;font-weight:900;letter-spacing:.13em}.billing-card h2,.billing-side h3{margin:7px 0 4px}.billing-card h2{font-size:28px}.billing-card p,.billing-side p{margin:0;color:#8190ac;font-size:10px;line-height:1.55}
.billing-plan-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.billing-plan-meta div{padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#09162a}.billing-plan-meta span{display:block;color:#687792;font-size:7px;font-weight:900}.billing-plan-meta strong{display:block;margin-top:5px;font-size:11px}
.billing-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.billing-actions-row a{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;border-radius:11px;text-decoration:none;font-size:9px;font-weight:900}.billing-primary{background:linear-gradient(135deg,#83E949,#2CE6D6);color:#07111f}.billing-secondary{border:1px solid rgba(255,255,255,.08);color:#cbd6e7;background:rgba(255,255,255,.018)}
.billing-side .billing-available{display:grid;gap:7px;margin-top:12px}.billing-option{padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:#09162a;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.billing-option b,.billing-option small{display:block}.billing-option b{font-size:10px}.billing-option small{margin-top:3px;color:#73819e;font-size:8px}.billing-option a{font-size:8px;color:#9ce9dc;text-decoration:none}
.billing-history-head{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-bottom:10px}.billing-history-head span{color:#7887a3;font-size:8px;font-weight:900;letter-spacing:.11em}.billing-history-head strong{font-size:13px}
.billing-table{display:grid;gap:7px}.billing-row{display:grid;grid-template-columns:1.3fr .75fr .75fr auto;gap:10px;align-items:center;padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:#09162a}.billing-row b,.billing-row small{display:block}.billing-row b{font-size:10px}.billing-row small{margin-top:3px;color:#71809c;font-size:7px}.billing-row span{font-size:9px}.billing-status{padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:7px;font-weight:900;text-transform:uppercase}.billing-status.is-approved{color:#aee987;border-color:rgba(131,233,73,.18);background:rgba(131,233,73,.045)}.billing-status.is-pending,.billing-status.is-created{color:#f2c86d;border-color:rgba(255,200,87,.18);background:rgba(255,200,87,.04)}.billing-status.is-declined,.billing-status.is-error{color:#ff9ab6;border-color:rgba(255,90,157,.18);background:rgba(255,90,157,.04)}.billing-receipt{color:#83e6d7;text-decoration:none;font-size:8px;font-weight:900}
.billing-empty{padding:26px;text-align:center;color:#74829d;font-size:9px}
@media(max-width:900px){.billing-hero{grid-template-columns:1fr}.billing-row{grid-template-columns:1fr 1fr}.billing-plan-meta{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.billing-plan-meta,.billing-row{grid-template-columns:1fr}.billing-actions-row a{width:100%;justify-content:center}}
.billing-renewal-alert,.billing-recovery{padding:15px 17px;border-radius:16px;border:1px solid rgba(255,200,87,.18);background:rgba(255,200,87,.035);display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.billing-renewal-alert.is-urgent,.billing-recovery{border-color:rgba(255,90,157,.18);background:rgba(255,90,157,.035)}
.billing-renewal-alert span,.billing-recovery span{display:block;color:#d0a84f;font-size:8px;font-weight:900;letter-spacing:.12em}.billing-renewal-alert.is-urgent span,.billing-recovery span{color:#f58aae}
.billing-renewal-alert strong,.billing-recovery strong{display:block;margin-top:4px;font-size:12px}.billing-renewal-alert small,.billing-recovery small{display:block;margin-top:3px;color:#7d8ba6;font-size:8px}
.billing-renewal-alert a,.billing-recovery a{min-height:36px;padding:0 11px;border-radius:10px;border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:#edf5ff;text-decoration:none;font-size:8px;font-weight:900;background:rgba(255,255,255,.025)}
@media(max-width:680px){.billing-renewal-alert,.billing-recovery{grid-template-columns:1fr}.billing-renewal-alert a,.billing-recovery a{width:100%}}

.billing-danger{min-height:38px;padding:0 12px;border-radius:11px;border:1px solid rgba(255,90,157,.18);background:rgba(255,90,157,.04);color:#ff9ab8;font-size:9px;font-weight:900;cursor:pointer}
.billing-cancel-note{padding:15px 17px;border-radius:16px;border:1px solid rgba(255,200,87,.17);background:rgba(255,200,87,.035)}
.billing-cancel-note span{display:block;color:#d0a84f;font-size:8px;font-weight:900;letter-spacing:.12em}
.billing-cancel-note strong{display:block;margin-top:5px;font-size:12px}
.billing-cancel-note small{display:block;margin-top:4px;color:#7c8aa5;font-size:8px}