/* referral.css — 스테이킹 신청 폼의 추천인 코드 입력 (사이트 테마 변수 사용 → 다크/라이트 자동) */
.ref-opt{margin-left:6px;color:var(--muted);font-size:11px;font-weight:600}
.referral-field{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:transparent;transition:border-color .2s}
.referral-field:focus-within{border-color:var(--green)}
.referral-field input{flex:1;min-width:0;height:50px;padding:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.referral-field input::placeholder{color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}
.referral-state{flex:none;font-size:12px;font-weight:800;white-space:nowrap}
.referral-state.ok{color:var(--green)}
.referral-state.bad{color:#e5534b}
.referral-state.wait{color:var(--muted);font-weight:600}
.referral-field.is-bad{border-color:#e5534b}
.referral-hint{margin:8px 0 18px;color:var(--muted);font-size:12px;line-height:1.6}
html[data-theme="light"] .referral-state.bad{color:#c0392b}
html[data-theme="light"] .referral-field.is-bad{border-color:#c0392b}