/* Settings → Referrals (Founder lifetime offer). */
.ref-panel > * + * { margin-top: 16px; }
.ref-seats { min-width: 240px; text-align: right; }
.ref-seats b { display: block; font: 700 34px/1.05 var(--display); letter-spacing: -.03em; color: #00a2ff; }
.ref-seats span { display: block; margin-top: 4px; font-size: 11px; color: #9db5ce; max-width: 32ch; margin-left: auto; }
.ref-seats.closed b { color: #9db5ce; }
.ref-meter { margin-top: 12px; height: 6px; border-radius: 6px; background: #12263a; overflow: hidden; }
.ref-meter i { display: block; height: 100%; background: linear-gradient(90deg, #00a2ff, #7c6cff); border-radius: inherit; }
.ref-copy { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #1a2d42; }
.ref-copy:first-child { border-top: 0; }
.ref-copy small { display: block; color: #9db5ce; font-size: 11px; }
.ref-copy code { font: 600 15px var(--mono); color: #e5f1fb; overflow-wrap: anywhere; }
.ref-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; margin: 6px 0 12px; }
.ref-stat { padding: 12px 14px; border: 1px solid #1d3349; border-radius: 10px; background: #071523; }
.ref-stat small { display: block; font-size: 11px; color: #9db5ce; }
.ref-stat b { font: 700 22px var(--display); }
.ref-stat.blu b { color: #00a2ff; } .ref-stat.ok b { color: #46d6a5; } .ref-stat.warn b { color: #f5b14c; }
.ref-rules { margin: 0; padding-left: 18px; color: #b0c2d3; font-size: 12px; line-height: 1.7; }
.pill.ref-approved { color: #00a2ff; } .pill.ref-paid { color: #46d6a5; } .pill.ref-void { color: #9db5ce; text-decoration: line-through; }
@media(max-width:900px) { .ref-seats { text-align: left; } .ref-seats span { margin-left: 0; } }
.ref-row { cursor: default; }
.ref-dot { width: 8px; height: 8px; border-radius: 50%; background: #9db5ce; }
.ref-dot.ref-pending { background: #7c6cff; } .ref-dot.ref-approved { background: #00a2ff; } .ref-dot.ref-paid { background: #46d6a5; } .ref-dot.ref-void { background: #3a4d61; }
