.billing-brand{display:flex;align-items:flex-start;gap:14px}.billing-brand>svg{color:var(--cyan);height:28px;width:28px;flex-shrink:0}.billing-brand .section-subtitle{line-height:1.6}.billing-connection{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.billing-steps{padding-left:19px;color:var(--muted);font-size:13px;line-height:1.7;display:grid;gap:10px}.billing-webhook-label,.billing-link-label,.billing-message-label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px}.billing-webhook-label{margin-top:22px}.billing-webhook-label input{width:100%;font-size:11px}.billing-settings .form-actions{flex-wrap:wrap}.billing-client-heading{display:flex;gap:12px;align-items:center;margin-bottom:24px}.billing-client-heading h3{font-size:19px}.billing-client-heading p{font-size:12px;color:var(--muted);margin-top:4px}.billing-generate{display:grid;gap:10px;justify-items:start;margin-top:24px}.billing-generate small{color:var(--subtle);font-size:12px;line-height:1.6}.billing-charge-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.billing-charge-top>span:last-child{font-size:12px;color:var(--subtle)}.billing-amount{font-size:34px;font-weight:650;margin:18px 0}.billing-amount small{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:4px}.billing-link-label{margin-top:20px}.billing-link{display:flex;align-items:center;gap:8px}.billing-link input{width:100%;font-size:12px;flex:1}.billing-link .icon-button{flex-shrink:0}.billing-checkout-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.billing-message-label textarea{font-size:13px;line-height:1.6;height:190px}.billing-history h3,.billing-payments h3{font-size:16px;margin-bottom:12px}.billing-history-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;padding:14px 0}.billing-history-row>span:first-child{flex:1;font-size:12px}.billing-history-row small{display:block;font-size:10px;color:var(--subtle);margin-top:3px}.billing-history-row>strong{font-size:13px}.billing-history-row>svg{width:15px;flex-shrink:0;color:var(--subtle)}.billing-history-row:hover{background:#008dff08}.billing-history-row .badge{font-size:10px;padding:4px 8px}.billing-payments>div{padding:13px 0;border-bottom:1px solid var(--line)}.billing-payments strong{display:block;font-size:13px}.billing-payments span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.billing-charge-top~.info-note{margin-top:12px}.payment-return{width:540px;max-width:calc(100% - 40px);margin:12vh auto;border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:38px;box-shadow:0 25px 90px #0004}.payment-return>img{display:block;width:46px;margin-bottom:22px}.payment-return h1{font-size:29px;margin:12px 0 20px}.payment-return p{color:var(--muted);line-height:1.8;font-size:15px;margin:15px 0}.payment-return small{display:block;color:var(--subtle);border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
@media(max-width:700px){.billing-settings .form-actions>.button{width:100%}.billing-generate>.button{width:100%}.billing-history-row{gap:7px;flex-wrap:wrap}.billing-history-row .badge{max-width:100%}.billing-message-label~.form-actions{flex-wrap:wrap}.billing-message-label~.form-actions>.primary{width:100%}.billing-message-label~.form-actions>.primary svg{width:20px;height:20px}.payment-return{padding:25px}}