[data-team-referral] { width: 100%; min-width: 0; overflow-wrap: anywhere; }
[data-team-referral] > section { padding: clamp(1rem, 3vw, 2rem); }
[data-team-referral] nav[aria-label="Workspaces"] { margin-block: 1rem; }
[data-team-invite] { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; }
[data-team-invite] label { display: grid; gap: .4rem; min-width: 0; }
[data-team-invite] input { width: min(100%, 24rem); }
[data-invite-status] { flex-basis: 100%; margin: 0; }
.team-bonus { font-size: 1.15rem; font-weight: 650; }
.invite-pending { padding: .2rem .5rem; border: 1px solid currentColor; border-radius: .4rem; }
.team-seats { margin-block: 1.5rem; }
.referral-share { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-block: 1.5rem; }
.referral-share a { overflow-wrap: anywhere; min-width: 0; }
[data-copy-status] { flex-basis: 100%; margin: 0; }
[data-referral-rules] { padding-left: 1.25rem; }
[data-referral-rules] li { margin-block: .75rem; }

.team-roster, .team-rules { margin-block: 1rem; }
[data-team-referral] > section > h1 { margin-top: 0; }
[data-team-referral] button { background:var(--dash-accent); color:white; border:0; border-radius:6px; padding:.75rem 1rem; cursor:pointer; }
[data-team-referral] button:disabled { opacity:.6; cursor:wait; }
[data-team-referral] [data-team-invite] { padding:1rem; border:1px solid var(--dash-border); border-radius:8px; background:var(--dash-surface); }