/* Employee referral program (Phase 65). Header uses the shared
   .workspace-hero/.workspace-hero__top pattern (polish.css) — no header CSS
   of its own needed. */
.ref-list { display: flex; flex-direction: column; gap: var(--space-3); max-width: var(--workspace-max); margin: 0 auto; }
.ref-card { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); flex-wrap: wrap; }
.ref-card__main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ref-card__job { font-size: var(--text-sm); color: var(--color-fg-muted); }
.ref-card__meta { display: flex; align-items: center; gap: var(--space-3); flex-shrink: 0; }
.ref-card__date { font-size: var(--text-sm); color: var(--color-fg-muted); }

.status-badge.ref-active { background: var(--color-primary-soft); color: var(--color-primary); }
.status-badge.ref-hired { background: var(--color-success-soft); color: var(--color-success); }
.status-badge.ref-rejected { background: var(--color-danger-soft); color: var(--color-danger); }