/* Dashboard finance: payment channels share the available width. */
#app .pay-method-card{overflow:hidden;background:#fff}
#app .pay-method-card>.card-head{background:#fff;align-items:center;padding:20px 24px;border-bottom:0;gap:16px}
#app .pay-method-card>.card-head h2{font-size:19px;margin-bottom:4px}
#app .pay-method-card>.card-head p{font-size:14px;margin:0}
#app .pay-method-card>.card-head .text-btn{border:1px solid #b2c7e4;border-radius:9px;padding:9px 12px;min-height:44px;flex:none;font-size:14px;background:#f1f6fd}
.payment-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 24px 18px}
.payment-channel{--channel:#2454b5;--pale:#d8e7fb;min-width:0;border:1.5px solid #a9c2e6;border-top:4px solid var(--channel);border-radius:12px;background:linear-gradient(120deg,#edf4ff,#f8fbff);padding:18px 20px}
.payment-channel.channel-cash{--channel:#147565;--pale:#d0ede4;border-color:#9fc9bc;border-top-color:var(--channel);background:linear-gradient(120deg,#e9f6f0,#f8fcfa)}
.channel-heading{display:flex;align-items:center;gap:10px;min-width:0}
.channel-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;background:var(--pale);border-radius:10px;color:var(--channel)}
.channel-icon svg{width:24px;height:24px}
#app .channel-heading h3{font-size:17px;font-weight:600;margin:0;color:var(--channel)}
.channel-count{margin-left:auto;color:#4c6380;font-size:14px;white-space:nowrap}
.channel-amount{display:block;font-size:30px;line-height:1.4;letter-spacing:-.5px;font-weight:700;color:#17375f;margin:12px 0 10px;font-variant-numeric:tabular-nums}
.channel-share{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#4d6380;font-size:14px;margin-bottom:7px}
.channel-share b{color:var(--channel);font-size:15px}
.channel-track{height:7px;background:var(--pale);border-radius:6px;overflow:hidden}.channel-track>span{display:block;height:100%;border-radius:6px;background:var(--channel)}
.payment-channel-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 24px;background:#17375f;color:#fff}
.payment-channel-total>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payment-channel-total span{font-size:15px;font-weight:500}
#app .payment-channel-total small{font-size:14px;color:#d4e2f6;margin:0}.payment-channel-total strong{font-size:23px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:600px){
 #app .pay-method-card>.card-head{padding:16px 14px;gap:10px;align-items:flex-start}
 #app .pay-method-card>.card-head h2{font-size:17px;line-height:1.5}
 #app .pay-method-card>.card-head .text-btn{padding:8px;font-size:14px}
 .payment-channels{grid-template-columns:1fr;gap:10px;padding:0 12px 12px}
 .payment-channel{padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;border-top-width:1.5px;border-left:4px solid var(--channel)}
 .channel-heading{grid-column:1/-1}.channel-icon{width:32px;height:32px;border-radius:8px}.channel-icon svg{width:22px;height:22px}
 #app .channel-heading h3{font-size:16px}.channel-amount{font-size:26px;margin:0;grid-column:1/-1}
 .channel-share{margin:0;grid-column:1/-1}.channel-track{grid-column:1/-1;height:6px}
 .payment-channel-total{padding:13px 16px;flex-wrap:wrap;gap:4px}.payment-channel-total>div{width:100%;justify-content:space-between}.payment-channel-total strong{font-size:24px}
}