.billing-entry{margin:12px 0;padding:10px 18px;border:1px solid #b9c8c6;border-radius:30px;color:#164653;background:transparent;font:inherit;cursor:pointer}
.billing-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:1060px;max-height:calc(100dvh - 32px);padding:32px;border:1px solid #d7dfdc;border-radius:24px;color:#164653;background:#fffdf7;font-family:'Noto Sans Thai',system-ui,sans-serif;overflow:auto;box-shadow:0 24px 90px #122c3540}
.billing-dialog::backdrop{background:#15343ed1}.billing-dialog *{box-sizing:border-box}.billing-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.billing-heading h2{margin:5px 0;font-size:clamp(23px,4vw,34px);line-height:1.4}.billing-heading .eyebrow{color:#eb6d3a;font-size:11px;letter-spacing:2px;margin:0 0 8px}.billing-close{flex:none;width:40px;height:40px;border:1px solid #d7dfdc;border-radius:50%;background:transparent;color:#164653;font:26px system-ui;cursor:pointer}.billing-intro{color:#637677;margin:12px 0}.billing-environment{display:inline-block;padding:6px 12px;background:#fff0d7;border-radius:20px;font-size:12px;color:#735329}.billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.billing-card{display:flex;flex-direction:column;min-width:0;padding:24px 20px;border:1px solid #d6dfd9;border-radius:18px;background:#fff}.billing-featured{border:2px solid #f47743;background:#fff5ea}.billing-future{background:#eef3ef}.billing-kicker{font-size:9px;letter-spacing:1.5px;line-height:1.8;color:#8b664a}.billing-card h3{font:700 27px 'Outfit',system-ui;margin:16px 0 0}.billing-card p{font-size:13px;line-height:1.7}.billing-card .billing-price{font-size:37px;font-weight:700;margin:12px 0 4px;color:#164653}.billing-price small{font:400 12px 'Noto Sans Thai',system-ui;display:block;color:#687d7a}.billing-card ul{margin:6px 0 24px;padding-left:18px;font-size:12px;line-height:1.8;flex:1}.billing-card li{margin:8px 0}.billing-card button,.billing-soon,.billing-return button{width:100%;padding:12px;border:1px solid #164653;border-radius:10px;font:600 12px 'Noto Sans Thai',system-ui;background:white;color:#164653;cursor:pointer}.billing-card button.primary{background:#164653;color:#fff}.billing-card button:disabled{cursor:default;opacity:.6}.billing-soon{text-align:center;border-color:#c4d0c9;cursor:default}.billing-message{font-size:14px;line-height:1.8;color:#8b4d2e}.billing-return{margin:12px 0;max-width:260px}.billing-history{border-top:1px solid #d7dfdc;padding-top:16px;margin-top:20px}.billing-history h3{font-size:17px}.billing-history-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e5e9e5;font-size:13px}.billing-history-row small{display:block;font-size:11px;color:#6b807d}.billing-footnote{font-size:12px;line-height:1.8;color:#6d7e79;margin-top:24px}.billing-links{display:flex;gap:20px;font-size:12px}.billing-links a{color:inherit}.billing-dialog [hidden]{display:none!important}.billing-dialog button:focus-visible,.billing-dialog a:focus-visible{outline:3px solid #ff9d62;outline-offset:3px}
@media(max-width:700px){.billing-dialog{padding:22px 18px;border-radius:18px}.billing-grid{grid-template-columns:1fr}.billing-card{padding:22px}.billing-card ul{margin-bottom:16px}.billing-heading h2{font-size:25px}.billing-history-row{align-items:center}.billing-history-row b{font-size:12px}}
