.modal.billing-modal { max-height: min(620px, 90dvh); overflow-y: auto; border-radius: 8px; background: #fff; letter-spacing: 0; }
.billing-modal h2 { margin: 0; font-size: 20px; line-height: 1.25; }
.billing-modal p { color: #606775; line-height: 1.5; overflow-wrap: anywhere; }
.billing-modal button { white-space: normal; }
.billing-modal .btn[disabled] { opacity: .55; cursor: default; }
.billing-amount { margin: 20px 0; font-size: 28px; font-weight: 750; }
.billing-error { color: #b33c3c !important; }
.billing-history-row { display: flex; width: 100%; gap: 16px; align-items: center; text-align: left; padding: 16px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; font: inherit; color: inherit; cursor: pointer; }
.billing-history-row > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.billing-history-row small { display: block; margin-top: 6px; color: #686e78; }
.billing-history-row > b { flex-shrink: 0; }
.billing-history-detail { padding: 4px 0 12px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; color: #606775; font-size: 13px; }