.referral-panel{margin-block-start:18px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 32px;align-items:center}.referral-panel h3{margin:0 0 5px}.referral-panel .hint{margin:0;max-width:63ch}.referral-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.referral-controls input{flex:1;min-inline-size:12ch;max-inline-size:100%;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:10px;font:13px ui-monospace,monospace}.referral-controls button{min-block-size:42px}.referral-counts{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;margin:10px 0 0}.referral-counts div{display:flex;align-items:baseline;gap:7px}.referral-counts dt{color:var(--muted)}.referral-counts dd{margin:0;font-weight:650}.referral-status:empty,.ref-reason:empty{display:none}.referral-status{font-size:12px;color:var(--muted);width:100%;text-align:end}.ref-incoming{margin:12px 0;padding:12px 14px;border-inline-start:2px solid var(--gold);background:var(--bg);border-radius:6px;font-size:13px}.ref-incoming code{display:block;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;margin:3px 0 5px;color:var(--muted)}.ref-incoming label{display:flex;align-items:center;gap:8px;cursor:pointer}.ref-incoming input{width:16px;height:16px;accent-color:var(--gold)}.ref-reason{margin:4px 0}.referral-panel[hidden],.referral-counts[hidden],.ref-incoming[hidden],.ref-incoming label[hidden]{display:none}@media(max-width:760px){.referral-panel{grid-template-columns:1fr;gap:14px}.referral-controls{justify-content:flex-start}.referral-status{text-align:start}}