.payments-workspace{min-width:0}.payment-hero{display:flex;gap:24px;align-items:center;justify-content:space-between;background:#172c39;color:#fff;border-radius:22px;padding:28px;margin-bottom:20px}.payment-hero h3{color:#fff;font-size:clamp(24px,3vw,36px);margin:8px 0}.payment-hero p{color:#d0dae0;margin:0;max-width:600px}.payment-hero .eyebrow{color:#d2f280}.payment-hero .primary{background:#d5f376;color:#152333;flex-shrink:0}.payment-card{padding:24px;margin-bottom:18px}.payment-card h3{margin-top:0}.payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.payment-item{min-width:0;border:1px solid #dfe3eb;border-radius:14px;padding:16px;margin:18px 0}.payment-item legend{font-weight:700;padding:0 8px}.payment-line-fields{display:grid;grid-template-columns:90px 1fr 1fr;gap:12px;margin-top:14px}.payments-workspace label{display:grid;gap:8px;color:#495468;font-size:14px}.payments-workspace input,.payments-workspace select{width:100%;min-width:0;min-height:46px;box-sizing:border-box}.payment-total{display:grid;gap:6px;padding:22px;background:#f0f5e6;border-radius:14px;margin:20px 0}.payment-total strong,.payment-large-amount{font-size:32px;letter-spacing:-1px}.payment-total small{color:#58634c}.payment-history-row{display:grid;grid-template-columns:minmax(160px,2fr) 1fr 1.4fr 1.1fr auto;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #e4e7ed}.payment-history-row small{display:block;margin-top:6px;color:#758096}.payment-badges{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.payment-badge{background:#f1edf9;color:#664196;padding:7px 10px;border-radius:8px;font-size:13px}.payment-badge.paid{background:#e1f5eb;color:#216647}.payment-badge.attention,.payment-badge.failed{background:#fff0da;color:#875819}.payment-item-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;border-bottom:1px solid #e6e8ee;padding:16px 0}.payment-share{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.payment-share input{flex:1 1 300px}.payment-qr{display:grid;justify-items:start;gap:8px;margin:18px 0}.payment-qr svg{max-width:100%;width:220px;height:220px;background:white}.payment-notice{padding:14px;border-radius:10px;background:#f0f4e7}.payment-dirty:empty{display:none}.payments-workspace summary{cursor:pointer;font-weight:700}.payments-workspace .actions{display:flex;gap:12px;flex-wrap:wrap}.payments-workspace button{min-height:44px}.payment-history-row>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:750px){.payment-hero{display:block;padding:20px}.payment-hero button{margin-top:20px;width:100%}.payment-card{padding:18px}.payment-fields{grid-template-columns:1fr}.payment-line-fields{grid-template-columns:1fr 1fr}.payment-line-fields label:first-child{grid-column:1/-1}.payment-history-row{grid-template-columns:1fr auto}.payment-history-row .hint{grid-column:1/-1}.payment-history-row button{grid-column:1/-1}.payment-item-summary{grid-template-columns:1fr auto}.payment-item-summary>div{grid-column:1/-1}.payment-share>*{width:100%}.payment-hero .eyebrow{font-size:11px}.payments-workspace .actions>*{flex:1 1 170px}}

.payments-workspace input,.payments-workspace select,.payments-workspace button,.payments-workspace label,.payments-workspace legend{font-family:inherit}.payments-workspace input,.payments-workspace select{font-size:16px}