.referral-settings{display:grid;gap:14px;margin:16px 0;padding:16px;border:1px solid var(--line);background:var(--foam);color:var(--deep)}
.referral-settings h3{margin:0;font:600 17px/1.4 Arial,sans-serif}
.referral-settings p{margin:0;font-size:13px;line-height:1.5}
.referral-code-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.referral-code-row code{font:600 16px/1.4 monospace;letter-spacing:1px;color:var(--deep);overflow-wrap:anywhere}
.referral-code-row button{font-size:13px;min-height:40px;padding:8px 12px;margin:0}
.referral-reward-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.referral-reward-rules fieldset{min-width:0;display:grid;gap:12px;border:1px solid var(--line);padding:16px}
.referral-reward-rules legend{font-size:14px;font-weight:600}
.referral-reward-rules .admin-check{display:flex;align-items:center;gap:8px;font-size:13px}
.referral-reward-rules input[type=checkbox]{width:18px;height:18px;flex:none;margin:0}
.referral-reward-rules label{font-size:13px;min-width:0;margin:0;display:grid;gap:6px}
.referral-rewards-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.referral-rewards-list li{font-size:13px;padding-top:10px;border-top:1px solid var(--line)}
.referral-rewards-list small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:650px){.referral-reward-rules{grid-template-columns:1fr}.referral-settings{padding:12px}}