.referral-incentive{display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:13px 16px;border:1px solid #9ed8bd;border-radius:16px;background:linear-gradient(135deg,#effbf5,#f8fffb);box-shadow:0 8px 22px rgba(16,107,72,.07)}
.referral-incentive-copy{flex:1;min-width:180px}.referral-incentive-copy span,.commission-kicker{display:block;color:#157653;font-size:.72rem;font-weight:900;letter-spacing:.06em}.referral-incentive-copy strong{display:block;margin:3px 0;color:#0a2342;font-size:1.02rem}.referral-incentive-copy small{color:#63768b}
.referral-incentive-totals{display:flex;gap:8px}.referral-incentive-totals div{min-width:92px;padding:7px 10px;border-radius:10px;background:#fff;border:1px solid #dcebe4}.referral-incentive-totals small{display:block;color:#718096;font-size:.68rem}.referral-incentive-totals strong{color:#08734c;font-size:.92rem}
.referral-incentive .primary{white-space:nowrap;padding:10px 14px}
.referral-form-notice{margin:0 24px 16px;padding:12px 14px;border:1px solid #8fd0b3;border-radius:12px;background:#eefaf4;color:#0b6847}.referral-form-notice strong,.referral-form-notice span{display:block}.referral-form-notice span{margin-top:3px;font-size:.82rem;color:#557267}
.commission-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.commission-stat{padding:18px;border:1px solid #dbe4ef;border-radius:16px;background:#fff}.commission-stat small{display:block;color:#718096;font-weight:800}.commission-stat strong{display:block;margin-top:7px;color:#0a2342;font-size:1.65rem}.commission-stat.payable{background:#eefaf4;border-color:#a8dcc5}.commission-stat.payable strong{color:#08734c}
.commission-panel{padding:0;overflow:hidden}.commission-list{display:grid}.commission-row{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(170px,1fr) minmax(190px,1fr) 150px auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid #e4eaf1}.commission-row:last-child{border-bottom:0}.commission-row h3{margin:2px 0 4px;font-size:1rem}.commission-row p,.commission-row small{margin:0;color:#687b90}.commission-money strong{display:block;color:#08734c;font-size:1.12rem}.commission-money small{display:block}.commission-status{justify-self:start;padding:6px 9px;border-radius:999px;background:#fff1d9;color:#935400;font-size:.75rem;font-weight:900}.commission-status.payable{background:#def4e9;color:#076a45}.commission-status.paid{background:#e7eef8;color:#315071}.commission-status.ineligible{background:#f5e9e9;color:#9b3030}.commission-empty{padding:32px;text-align:center;color:#6d7e91}
.commission-referral-badge{margin-top:8px;display:inline-flex;padding:5px 8px;border-radius:999px;background:#e4f7ed;color:#08734c;font-size:.72rem;font-weight:900}
@media(max-width:760px){.referral-incentive{align-items:stretch;flex-wrap:wrap;gap:9px;padding:11px}.referral-incentive-copy{width:100%}.referral-incentive-copy small{display:none}.referral-incentive-totals{flex:1}.referral-incentive-totals div{min-width:0;flex:1}.referral-incentive .primary{padding:9px 11px;font-size:.82rem}.commission-stats{grid-template-columns:1fr 1fr}.commission-stats .commission-stat:last-child{grid-column:1/-1}.commission-row{grid-template-columns:1fr auto;gap:8px}.commission-row>div:nth-child(2),.commission-row>div:nth-child(3){grid-column:1/-1}.commission-row button{grid-column:1/-1}.referral-form-notice{margin:0 14px 12px}}