/* Referral activity: server-backed closed state, attribution and CDK flow. */
body.commercial-mode .billing-referral{display:grid;gap:18px;border:1px solid #dce5f3;border-radius:16px;padding:24px;background:#fff}
.billing-referral-state{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 9px;background:#eef1f6;color:#748198;font-size:10px;font-weight:800;white-space:nowrap}.billing-referral-state.success{background:#e9f7f0;color:#16805b}.billing-referral-state.warning{background:#fff2d8;color:#9a6817}.billing-referral-state.danger{background:#fff0ee;color:#a34b43}.billing-referral-state.muted{background:#eef1f6;color:#748198}
.billing-referral-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #e2e8f1;border-radius:12px;background:#fafbfe}.billing-referral-metrics article{min-width:0;border-right:1px solid #e7ecf3;padding:15px}.billing-referral-metrics article:last-child{border-right:0}.billing-referral-metrics span,.billing-referral-metrics small{display:block;color:#8191aa;font-size:10px}.billing-referral-metrics strong{display:block;margin:6px 0;color:#294268;font-size:22px}.billing-referral-metrics small{line-height:1.45}
.billing-referral-notice{display:flex;align-items:flex-start;gap:8px;border:1px solid #d9e4f5;border-radius:10px;padding:12px 14px;background:#f6f9ff;color:#607698;font-size:11px;line-height:1.6}.billing-referral-notice strong{flex:none;color:#315dcc}.billing-referral-notice.error{border-color:#ecd4d0;background:#fff5f3;color:#86625f}
.billing-referral-share{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cbd9f6;border-radius:12px;padding:16px 18px;background:linear-gradient(145deg,#f8faff,#eef4ff)}.billing-referral-share>div{min-width:0}.billing-referral-share span,.billing-referral-share strong,.billing-referral-share small{display:block}.billing-referral-share span{color:#7184a1;font-size:10px}.billing-referral-share strong{margin:5px 0;overflow-wrap:anywhere;color:#2e4875;font:750 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.billing-referral-share small{color:#7e8da4;font-size:10px;line-height:1.5}.billing-referral-share button,.billing-referral>button.secondary{flex:none;border:1px solid #416fde;border-radius:8px;padding:9px 12px;background:#416fde;color:#fff;font-size:11px;font-weight:750;cursor:pointer}.billing-referral-share button:disabled{cursor:not-allowed;opacity:.55}
.billing-referral-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid #e2e8f1;border-radius:12px;overflow:hidden}.billing-referral-rules>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;border-right:1px solid #edf1f6;border-bottom:1px solid #edf1f6;padding:12px 14px}.billing-referral-rules>div:nth-child(2n){border-right:0}.billing-referral-rules>div:nth-last-child(-n+2){border-bottom:0}.billing-referral-rules dt{color:#8191aa;font-size:10px}.billing-referral-rules dd{margin:0;color:#536784;font-size:11px;line-height:1.55}
.billing-referral-secret{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e3c986;border-radius:12px;padding:16px;background:#fff9e9}.billing-referral-secret span,.billing-referral-secret strong,.billing-referral-secret small{display:block}.billing-referral-secret span{color:#8c6c20;font-size:10px;font-weight:800}.billing-referral-secret strong{margin:6px 0;color:#664b10;font:800 13px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.billing-referral-secret small{color:#8e7a4e;font-size:10px}.billing-referral-secret>div:last-child{display:flex;gap:7px}.billing-referral-secret button{border:1px solid #d5bd7b;border-radius:8px;padding:8px 10px;background:#fff;color:#725713;font-size:10px;font-weight:750;cursor:pointer}.billing-referral-secret button.danger{border-color:#a34b43;background:#a34b43;color:#fff}
.billing-referral-orders{overflow:hidden;border:1px solid #e0e7f1;border-radius:13px;background:#fff}.billing-referral-orders>header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e7ecf4;padding:14px 16px}.billing-referral-orders>header strong,.billing-referral-orders>header small{display:block}.billing-referral-orders>header strong{color:#354a6d;font-size:13px}.billing-referral-orders>header small{margin-top:3px;color:#8b98ab;font-size:10px}.billing-referral-orders>header button{border:1px solid #d3dfef;border-radius:7px;padding:7px 10px;background:#fff;color:#60738f;font-size:10px;cursor:pointer}.billing-referral-orders table{width:100%;min-width:950px;border-collapse:collapse}.billing-referral-orders th,.billing-referral-orders td{border-top:1px solid #edf0f5;padding:10px 12px;color:#61738e;font-size:11px;text-align:left;vertical-align:middle}.billing-referral-orders th{border-top:0;background:#fafbfe;color:#8191aa;font-size:10px}.billing-referral-orders td strong,.billing-referral-orders td small{display:block}.billing-referral-orders td strong{color:#354a6d}.billing-referral-orders td small{margin-top:3px;color:#8b98ab;font-size:9px}
.billing-referral-redeem{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(480px,1.18fr);gap:18px;align-items:start;border-top:1px solid #edf1f6;padding-top:20px}.billing-referral-redeem>.billing-section-head{grid-column:1/-1;margin-bottom:0}.billing-referral-redeem .billing-cdk-form{height:100%}.billing-referral-redeem .billing-cdk-form select{width:100%;border:1px solid #d5deed;border-radius:9px;padding:10px 11px;background:#fff;color:#294268}.billing-referral-redeem>.billing-cdk-preview{min-height:100%;border:1px solid #e0e7f1;border-radius:13px;padding:18px;background:#fafbfe}
@media(max-width:1180px){.billing-referral-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-referral-metrics article:nth-child(2){border-right:0}.billing-referral-metrics article:nth-child(-n+2){border-bottom:1px solid #e7ecf3}.billing-referral-redeem{grid-template-columns:minmax(0,1fr)}}