.pay-balance{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0 0 var(--space-3)}.pay-balance.is-card{margin:0;padding:var(--space-4);border-radius:var(--radius);background:var(--card-bg)}.pay-balance-use{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink);cursor:pointer}.pay-balance-use input{margin:0}.pay-balance-use small{margin-left:auto;font-size:var(--text-xs);color:var(--muted)}.pay-balance-lines{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--soft);font-size:var(--text-sm)}.pay-balance-lines>div{display:flex;justify-content:space-between;gap:var(--space-3)}.pay-balance-lines dt{color:var(--muted)}.pay-balance-lines dd{margin:0;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pay-balance-lines .is-rest{padding-top:var(--space-1);border-top:1px solid var(--line)}.pay-balance-lines .is-rest dd,.pay-balance-lines .is-rest dt{color:var(--ink);font-weight:700}.pay-balance-code label{display:grid;grid-gap:var(--space-1);gap:var(--space-1);font-size:var(--text-sm)}.pay-balance-code-row{display:flex;gap:var(--space-2)}.pay-balance-code-row input{flex:1 1;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-base)}.pay-balance-code-row .button{flex:none}.pay-balance-hint{margin:0;font-size:var(--text-xs);color:var(--muted)}.is-phone-surface .pay-layout{grid-template-columns:minmax(0,1fr)}.is-phone-surface .pay-layout .summary-card{position:static}.is-phone-surface .pay-return-page{padding-inline:var(--space-4)}.pay-sheet.is-dense{padding:0;border:0;background:transparent;box-shadow:none}.pay-sheet.is-dense .pay-sheet-head{flex-direction:row-reverse;align-items:baseline;padding:0 0 var(--space-2);margin:0 0 var(--space-3)}.pay-sheet.is-dense .pay-sheet-head span{display:none}.pay-sheet.is-dense .pay-sheet-head strong{font-size:var(--text-xl)}.pay-sheet.is-dense .pay-methods{margin:0 0 var(--space-3)}.pay-sheet.is-dense .pay-methods legend{display:none}:is(.pay-sheet.is-dense,.deposit-topup) .pay-method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1-5)}:is(.pay-sheet.is-dense,.deposit-topup) .pay-method{grid-template-columns:1fr;grid-template-areas:"logo" "copy";justify-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);text-align:center}:is(.pay-sheet.is-dense,.deposit-topup) .pay-method-logo{width:100%;height:var(--space-8);padding:var(--space-1);border:0}:is(.pay-sheet.is-dense,.deposit-topup) .pay-method-copy b{font-size:var(--text-xs)}.pay-sheet.is-dense .pay-demo-note,:is(.pay-sheet.is-dense,.deposit-topup) .pay-method-copy small{display:none}.pay-sheet.is-dense>.button.secondary{margin-top:var(--space-1);border:0;background:transparent;color:var(--muted);font-size:var(--text-sm)}