.payment-portal{display:grid;gap:18px}.pay-title,.pay-controls,.pay-balance,.pay-links{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pay-title h1{margin:5px 0;font-size:30px}.pay-title p,.pay-note{color:var(--muted,#97a9c1)}.pay-balance strong{display:block;font-size:34px;letter-spacing:-1px;margin:10px 0}.pay-balance strong small{font-size:15px}.pay-balance .button{min-width:90px}.pay-facts{display:grid;gap:0;margin:12px 0}.pay-facts>div{display:grid;grid-template-columns:minmax(105px,28%) 1fr;gap:14px;padding:11px 0;border-bottom:1px solid #8e9fbd24}.pay-facts dt{color:var(--muted,#93a5be);font-size:13px}.pay-facts dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.pay-order{display:grid;width:100%;grid-template-columns:1.2fr 1fr auto;gap:20px;align-items:center;text-align:left;padding:20px 4px;background:transparent;border:0;border-bottom:1px solid #8e9fbd24;color:inherit;cursor:pointer}.pay-order:hover{background:#9bb8ff0b}.pay-order small{display:block;margin-top:7px;color:var(--muted,#93a5be);font-size:12px}.pay-order>span:last-child{font-size:13px;color:#b6bcff}.pay-dialog{width:min(690px,calc(100vw - 28px));max-height:90dvh;padding:0;border-radius:22px;border:1px solid #a8b7d34a;color:#e3e9f5;background:linear-gradient(145deg,#202d40f7,#131e2ffb);box-shadow:0 30px 100px #0008}.pay-dialog::backdrop{background:#061020a6;backdrop-filter:blur(9px)}.pay-dialog header,.pay-dialog footer{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:14px}.pay-dialog header{border-bottom:1px solid #b9c9ed20}.pay-dialog header h2{margin:6px 0}.pay-dialog header button{border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}.pay-dialog-body{padding:20px 26px;display:grid;gap:16px;max-height:64dvh;overflow:auto}.pay-dialog footer{justify-content:flex-end;border-top:1px solid #b9c9ed20}.pay-dialog .field{display:grid;gap:8px}.pay-dialog input:not([type=checkbox]),.pay-dialog textarea,.pay-dialog select{background:#102036a8;border:1px solid #99aed24d;color:#edf1fa;border-radius:10px;padding:12px;font:inherit;width:100%;box-sizing:border-box}.pay-dialog textarea{min-height:85px;resize:vertical}.pay-dialog input[type=checkbox]{accent-color:#b6bdff}.pay-dialog .notice{margin:0}.pay-error{color:#ffa9b5;margin:0}.pay-error:empty{display:none}.pay-ack{font-size:13px;line-height:1.7}.pay-address{padding:18px;border:1px solid #a7bdff45;border-radius:14px;display:grid;gap:10px}.pay-address img{display:block;width:152px;height:152px;background:#fff;padding:8px;border-radius:10px}.pay-address code{overflow-wrap:anywhere}.pay-actions{flex-wrap:wrap}.pay-dialog details{padding:12px 0;border-top:1px solid #95a6c82e}.pay-dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pay-links{justify-content:flex-start}.pay-config h2{font-size:18px}.pay-note{font-size:12px;line-height:1.8}@media(max-width:640px){.pay-order{grid-template-columns:1fr;gap:8px}.pay-dialog-body,.pay-dialog header,.pay-dialog footer{padding:16px}.pay-dialog .form-grid{grid-template-columns:1fr}.pay-facts>div{grid-template-columns:1fr;gap:5px}.pay-balance strong{font-size:28px}}

/* One balance vocabulary shared by overview and wallet. */
.balance-breakdown{display:flex;flex-wrap:wrap;gap:20px 38px;margin:22px 0 6px}.balance-breakdown>div{min-width:130px}.balance-breakdown dt{color:var(--muted,#97a9c1);font-size:13px}.balance-breakdown dd{margin:7px 0 0;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.balance-breakdown dd small{font-size:12px;font-weight:400;color:var(--muted,#97a9c1)}@media(max-width:640px){.balance-breakdown{gap:18px 24px}.balance-breakdown>div{min-width:110px}.balance-breakdown dd{font-size:18px}}