.business-payments{display:grid;gap:14px;min-width:0;font-family:Roboto,Arial,sans-serif;color:#17151c}.business-payment-card{padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-width:0}.business-payment-card h3{margin:0 0 12px;font-size:14px}.business-payment-field{margin-bottom:12px}.business-payment-field label{display:block;font-size:12px;font-weight:500;color:#475569;margin-bottom:6px}.business-payment-field input,.business-payment-field select{width:100%;box-sizing:border-box;min-width:0;padding:13px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#17151c;font:400 14px/1.4 Roboto,Arial,sans-serif}.business-payment-note{padding:14px;background:#f5efff;border:1px solid #ddd0f5;border-radius:14px;color:#625d6c;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.business-payment-address,.business-payments .val{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.business-payment-actions{display:flex;gap:8px;flex-wrap:wrap}.business-payment-actions button{flex:1;min-width:110px}.business-payment-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5}.business-payment-check input{flex:none;width:18px;height:18px;margin:2px 0;accent-color:#8b5cf6}.business-payment-external{display:block;text-decoration:none;text-align:center;padding:13px;border-radius:12px}.business-payments .feature-link{width:100%;text-align:left}.business-payments button[disabled]{opacity:.45;cursor:not-allowed}

.business-card-balance{padding:10px 0;border-bottom:1px solid var(--line,#e2e8f0)}.business-card-balance:last-of-type{border-bottom:0}.business-card-balance h4{font-size:12px;font-weight:600;color:var(--purple,#8b5cf6);margin:0 0 8px}.business-card-requirement{font-size:12px;line-height:1.5;padding:9px 0;border-bottom:1px solid var(--line,#e2e8f0)}.business-card-requirement p{color:var(--muted,#625d6c);margin:5px 0}.business-card-payments .feature-link small{display:block;margin-top:4px}.business-card-payments .val{font-variant-numeric:tabular-nums}

/* Mobile payout_design (Biz theme): title block, 20px cards, the balance
   with Withdraw Funds, the Auto Payouts row, history rows with status pills
   and the four totals. */
.section:has(.payout-screen)>.pagehead .lumo-header-title{visibility:hidden}
.payout-screen{display:flex;flex-direction:column;gap:12px;font-family:var(--lumo-font)}
.section:has(.payout-intro)>.pagehead .lumo-header-title{visibility:hidden}
.payout-intro h2{margin:0;font:700 26px/1.2 var(--lumo-font);color:var(--lumo-text)}
.payout-intro p{margin:4px 0 0;font:400 13px/1.4 var(--lumo-font);color:var(--lumo-text-2)}
.payout-balance,.payout-row,.payout-history,.payout-stats{border-radius:20px;background:var(--lumo-card);box-shadow:var(--lumo-shadow)}
.payout-balance{padding:16px}
.payout-balance>small{font:400 12px/1.3 var(--lumo-font);color:var(--lumo-text-2)}
.payout-balance-row{display:flex;align-items:flex-end;gap:10px;margin-top:6px}
.payout-balance-row>div{flex:1;min-width:0;display:flex;flex-direction:column}
.payout-balance-row strong{font:700 26px/1.2 var(--lumo-font);letter-spacing:-.6px;color:var(--lumo-text);overflow-wrap:anywhere}
.payout-balance-row span{font:400 11px/1.4 var(--lumo-font);color:var(--lumo-text-3)}
.payout-balance-row>button{flex:0 0 auto;width:auto;min-width:130px;height:40px;min-height:40px;padding:0 14px;border-radius:10px;font:600 13px/1 var(--lumo-font)}
.payout-row{display:flex;align-items:center;gap:12px;width:100%;min-height:0;height:auto;padding:14px 16px;border:0;color:var(--lumo-text);text-align:left}
.payout-row>span:nth-child(2){flex:1;min-width:0}
.payout-row strong{display:block;font:600 13px/1.3 var(--lumo-font)}
.payout-row small{display:block;font:400 11px/1.3 var(--lumo-font);color:var(--lumo-text-2)}
.payout-row-icon,.payout-stat-icon{display:grid;place-items:center;border-radius:50%}
.payout-row-icon{flex:0 0 40px;width:40px;height:40px}
.payout-row-icon svg{width:20px;height:20px}
.payout-tone-green{background:#01d9031a;color:#16a34a}.payout-tone-purple{background:#8b5cf61a;color:var(--lumo-primary)}.payout-tone-amber{background:#f5b83d1f;color:#d97706}
.payout-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.payout-history-head h3{margin:0;font:600 16px/1.3 var(--lumo-font);color:var(--lumo-text)}
.payout-history-head select{width:auto;min-height:34px;height:34px;padding:0 30px 0 10px;border-radius:10px;font-size:12px}
.payout-history{padding:4px 14px}
.payout-history-row{display:flex;align-items:center;gap:8px;width:100%;min-height:0;height:auto;padding:12px 0;border:0;border-top:1px solid var(--lumo-divider);border-radius:0;background:transparent;box-shadow:none;color:var(--lumo-text);text-align:left}
.payout-history-row:first-child{border-top:0}
.payout-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#f7931a;color:#fff;font:700 14px/1 var(--lumo-font)}
.payout-history-main{flex:1;min-width:0}
.payout-history-main strong{display:block;font:600 12px/1.3 var(--lumo-font)}
.payout-history-main small{display:block;margin-top:2px;font:400 10px/1.3 var(--lumo-font);color:var(--lumo-text-3)}
.payout-history-state{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto}
.payout-history-state small{font:400 9px/1.2 var(--lumo-font);color:var(--lumo-text-3)}
.payout-history-amount{flex:0 0 auto;max-width:96px;text-align:right;font:700 12px/1.3 var(--lumo-font);overflow-wrap:anywhere}
.payout-pill{padding:3px 8px;border-radius:100px;font:600 10px/1.2 var(--lumo-font)}
.payout-pill-green{background:#01d9031f;color:#16a34a}.payout-pill-red{background:#e5484d1f;color:var(--lumo-red)}.payout-pill-purple{background:#8b5cf61f;color:var(--lumo-primary)}
.payout-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 8px}
.payout-stats>div{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.payout-stat-icon{width:32px;height:32px;margin-bottom:8px;font:700 14px/1 var(--lumo-font)}
.payout-stats small{font:400 9.5px/1.2 var(--lumo-font);color:var(--lumo-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.payout-stats strong{margin-top:2px;font:700 12px/1.3 var(--lumo-font);color:var(--lumo-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.payout-stats em{font:400 9px/1.2 var(--lumo-font);font-style:normal;color:var(--lumo-text-3)}

/* Mobile PaymentsDesign (Figma 329:1842): BizHeader with the round "+"
   (44px, primary fill) beside the title, then the Total Volume card with the
   Paid / Pending / Failed tiles (BizStatTile, boxed: false). */
.payout-intro.biz-header{display:flex;align-items:center;gap:12px}
.biz-header>div{flex:1;min-width:0}
.biz-header h2{font:600 24px/1.2 var(--lumo-font);letter-spacing:-.6px}
.biz-header p{margin-top:2px;font-size:12px}
.biz-add{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:var(--lumo-primary);color:#fff;cursor:pointer}
.biz-add svg{width:24px;height:24px}
.biz-volume{padding:14px 16px;border-radius:20px;background:var(--lumo-card);box-shadow:var(--lumo-shadow)}
html[data-lumo-theme=dark] .biz-volume{border:1px solid #ffffff14}
.biz-volume-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f1f5f9}
html[data-lumo-theme=dark] .biz-volume-head{border-bottom-color:#ffffff14}
.biz-volume-head span{flex:1;font:500 12px/1.3 var(--lumo-font);color:var(--lumo-text)}
.biz-volume-head strong{flex:0 1 auto;min-width:0;text-align:right;font:600 14px/1.3 var(--lumo-font);color:#8b5cf6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.biz-volume-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.biz-volume-tile{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.biz-volume-tile>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;margin-bottom:10px}
.biz-volume-tile svg{width:16px;height:16px}
.biz-volume-tile small{font:400 10px/1.2 var(--lumo-font);color:var(--lumo-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.biz-volume-tile strong{margin-top:8px;font:600 16px/1.2 var(--lumo-font)}
.biz-tone-paid{color:#10b981}.biz-tone-paid>span{background:#10b9811a}
.biz-tone-pending{color:#f59e0b}.biz-tone-pending>span{background:#f59e0b1a}
.biz-tone-failed{color:#ef4444}.biz-tone-failed>span{background:#ef44441a}
html[data-lumo-theme=dark] .biz-tone-paid>span{background:#10b9812e}
html[data-lumo-theme=dark] .biz-tone-pending>span{background:#f59e0b2e}
html[data-lumo-theme=dark] .biz-tone-failed>span{background:#ef44442e}