/* Leaderboard on Invite a friend (scripts/referral-leaderboard-markup.js). Solid fills behind all text. */
.referral-board{display:grid;gap:var(--space-stack);max-width:40rem;margin:20px 0}
.referral-board [hidden]{display:none}
#board-standings{padding:16px;border:1px solid var(--hair);border-radius:var(--radius-field);background:var(--card);color:var(--ink)}
#board-standings h3{margin:0}
#board-standings>p{margin:8px 0 0}
.board-table{width:100%;margin-top:12px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.board-table th,.board-table td{padding:10px 8px;border-bottom:1px solid var(--hair);text-align:left;overflow-wrap:anywhere}
.board-table th{font-size:.875rem;color:var(--muted)}
.board-table th:first-child,.board-table td:first-child{width:4.5rem;padding-left:0}
.board-table th:last-child,.board-table td:last-child{width:5.5rem;padding-right:0;text-align:right}
.board-table tr.board-you-row td{background:var(--soft);font-weight:700}
.board-setting{padding:16px;border:1px solid var(--hair);border-radius:var(--radius-field);background:var(--soft);color:var(--ink)}
.board-setting p{margin:8px 0 0}
.board-setting p:empty{display:none}
.board-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-weight:700;cursor:pointer}
.board-switch input{appearance:none;-webkit-appearance:none;flex:0 0 auto;position:relative;width:56px;height:32px;margin:0;border:3px solid var(--outline);border-radius:var(--radius-btn);background:var(--card);cursor:pointer}
/* polish.css draws a tick in ::before and scales it to 0 when unchecked; the knob replaces it. */
.board-switch input::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;margin:0;border:0;border-radius:var(--radius-btn);background:var(--outline);transform:none}
.board-switch input:checked{border-color:var(--primary);background:var(--primary)}
.board-switch input:checked::before{left:27px;background:var(--primary-on)}
.board-switch input:disabled{opacity:.6;cursor:default}
.board-switch input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}