.referral-ui {font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#0f172a;line-height:1.5}
.referral-ui * {box-sizing:border-box}
.referral-ui .card {background:white;border:1px solid #e2e8f0;border-radius:24px;padding:24px;margin:16px 0}
.referral-ui h2 {font-size:24px;margin:0 0 16px;font-weight:800}
.referral-ui h3 {font-size:19px;font-weight:750;margin:0 0 12px}
.referral-ui .muted {color:#64748b;font-size:14px}
.referral-ui .grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}
.referral-ui label {display:block;font-weight:650;font-size:14px;margin:10px 0}
.referral-ui input,.referral-ui select {display:block;width:100%;min-height:46px;border:1px solid #cbd5e1;background:white;border-radius:12px;padding:10px 12px;font:inherit;color:inherit;margin-top:6px}
.referral-ui input[type=checkbox] {width:auto;display:inline;min-height:0;margin-right:6px}
.referral-ui button,.referral-ui .btn {display:inline-block;background:#2563eb;color:white;border:0;border-radius:12px;padding:11px 17px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;margin:4px 5px 4px 0}
.referral-ui button.secondary {background:#eff6ff;color:#1d4ed8}
.referral-ui button:disabled {opacity:.5;cursor:wait}
.referral-ui :focus-visible {outline:3px solid #93c5fd;outline-offset:2px}
.referral-ui .notice {padding:12px;border-radius:12px;white-space:pre-wrap;background:#eff6ff;color:#1d4ed8;margin:12px 0;overflow-wrap:anywhere}
.referral-ui .notice.error {background:#fef2f2;color:#b91c1c}
.referral-ui [hidden] {display:none!important}
.referral-ui .metric {background:#f8fafc;border-radius:15px;padding:16px}
.referral-ui .metric strong {font-size:24px;display:block;font-weight:800}
.referral-ui .table-wrap {overflow:auto}
.referral-ui table {border-collapse:collapse;min-width:520px;width:100%;font-size:14px}
.referral-ui th,.referral-ui td {text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 8px}
.referral-ui .copy-row {display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:10px 0}
.referral-ui .copy-row label {flex:1;min-width:180px}
.referral-ui .copy-row input {font-weight:500}
.referral-ui .partner-list {display:flex;gap:8px;flex-wrap:wrap}
.referral-ui .partner-list button {background:#eff6ff;color:#1d4ed8}
@media(max-width:600px){.referral-ui .card{padding:18px}.referral-ui h2{font-size:22px}}