/* Billing: operator pages and the client pay page. Uses the app.css tokens. */
.billing-status dl.facts{margin:0 0 16px}
.billing-status form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.plan-edit td{padding-top:0;border-top:0}
.plan-edit details>summary{cursor:pointer;color:var(--dept);font-size:13px;padding:4px 0 10px}
.email-preview{border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;background:#fff;overflow-wrap:anywhere}
.pay-card{max-width:560px;width:100%}
.pay-amount{font-size:44px;margin:4px 0 18px;font-variant-numeric:tabular-nums}
.pay-facts{margin:0 0 22px}
.pay-option{border-top:1px solid var(--line);padding:22px 0 6px}
.pay-option h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:18px}
.pay-option p{margin:0 0 14px;color:var(--slate)}
.pay-tag{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--live);background:#e7f6ee;border-radius:999px;padding:3px 8px}
.card-element{margin:0 0 14px;min-height:44px}
.card-quote{border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:4px 0 12px;background:var(--dept-tint)}
.card-quote dl.facts{margin:0 0 14px}
.card-quote .strong{font-weight:600}
.card-quote .text-button{margin-left:10px}
.pay-message{color:var(--paused);margin:8px 0 0}
a.button{display:inline-block;text-decoration:none;text-align:center}
@media(max-width:800px){.pay-amount{font-size:34px}.card-quote .text-button{display:block;margin:10px 0 0}}
[hidden]{display:none!important}
.wire-facts{margin:8px 0 12px}.pay-option details{margin:0 0 10px}.pay-option summary{cursor:pointer;font-weight:600;padding:4px 0}
.button.disabled{opacity:.55;pointer-events:none;cursor:default}
.pay-option{padding-bottom:18px}.pay-option label.checkbox{display:flex;gap:8px;align-items:flex-start;margin:16px 0 14px;font-size:14px;line-height:1.4;color:var(--ink,#0b0f14)}
.pay-option label.checkbox input{margin-top:2px;flex:0 0 auto;width:16px;height:16px}#bank-element{margin:14px 0}
.wire-sent{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}.wire-sent label{display:flex;flex-direction:column;gap:6px;font-size:14px}
.wire-sent input{padding:10px 12px;border:1px solid var(--line,#d9dce1);border-radius:8px;font:inherit}.wire-sent .button{align-self:flex-start}