.billing-summary{padding:1.2rem;background:#f2f0e8;border-radius:.6rem}.billing-summary strong{font-size:1.3rem}.billing-message{padding:.8rem 0;min-height:1.5rem;color:#25483e}.billing-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.billing-pack{padding:1rem;border:1px solid #d5d9d1;border-radius:.5rem;display:flex;flex-direction:column;gap:.6rem}.billing-pack h3,.billing-pack p{margin:0}.billing-pack strong{font-size:1.35rem}.billing-pack button{margin-top:auto}.billing-pack p,.billing-explanation,.billing-history{font-size:.9rem;line-height:1.5}#billing-panel button{border:1px solid #214e41;background:#124334;color:white;border-radius:.3rem;padding:.65rem .8rem;cursor:pointer}#billing-panel button:disabled{opacity:.45;cursor:default}.billing-upgrades{display:flex;gap:.5rem;flex-wrap:wrap}.billing-history{padding-left:1.2rem}@media(max-width:650px){.billing-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.billing-packs{grid-template-columns:1fr}}

.billing-pack label { font-size: .85rem; font-weight: 600; }
.billing-pack input[type=number] { width: 100%; box-sizing: border-box; min-height: 44px; padding: 10px; border: 1px solid #bfc8b8; border-radius: 5px; font: inherit; }