.referral-card.referral-card{gap:0;display:block}.referral-card:focus{outline:none}.referral-heading{flex-wrap:var(--hub-referral-heading-wrap);gap:var(--space-8) var(--space-16);justify-content:space-between;align-items:flex-start;display:flex}.referral-description.referral-description{margin-block-start:var(--space-8)}.referral-plans.referral-plans{gap:var(--space-8);min-block-size:var(--size-control-touch);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height);flex-shrink:0;align-items:center;display:inline-flex}.referral-heading .hub-badge.hub-badge{padding:var(--space-2) var(--space-8);font-weight:var(--font-weight-medium);white-space:normal;border:none;flex-shrink:0}.referral-fields{grid-template-columns:var(--hub-referral-fields-columns);gap:var(--space-16);margin-block-start:var(--space-24);display:grid}.referral-field{flex-direction:column;min-inline-size:0;display:flex}.referral-label.referral-label{margin-block-end:var(--space-8);display:block}.referral-share-list .hub-button.hub-button{justify-content:flex-start}.referral-field-skeleton>.hub-skeleton{inline-size:100%;block-size:calc(var(--size-control-touch) + var(--space-8) + var(--border-width-1) * 2);border-radius:var(--radius-md);display:block}.referral-plans-below{margin-block-start:var(--space-8)}.referral-missing{padding:var(--space-12);border-radius:var(--radius-md);background:var(--color-canvas);flex-direction:column;align-items:flex-start;display:flex}.referral-note.referral-note{gap:var(--space-8);margin-block:var(--space-16) 0;color:var(--color-text-secondary);align-items:flex-start;display:flex}.referral-note>.hub-icon{flex-shrink:0}.referral-recovery{margin-block:var(--space-16)}.referral-recovery .hub-inline-alert-body{display:contents}.referral-recovery .hub-inline-alert-body>div{grid-column:1/-1}.referral-recovery .hub-inline-alert{padding:var(--space-16);row-gap:0}.referral-recovery .hub-inline-alert .hub-text-body{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line-height)}.referral-recovery .hub-inline-alert .hub-button{background:var(--color-surface);margin-block-start:var(--space-12)}.referral-share{flex-direction:var(--hub-referral-share-direction);gap:var(--space-12);align-items:var(--hub-referral-share-align);margin-block-start:var(--space-24);display:flex}.referral-qr{text-align:center;margin-block-start:var(--space-16)}.referral-qr>svg{block-size:auto;max-inline-size:100%;margin-inline:auto;display:block}.referral-qr-value{margin-block:var(--space-16) 0;font-family:var(--type-code-family);font-size:var(--type-code-size);line-height:var(--type-code-line-height);overflow-wrap:anywhere}.referral-share-list{gap:var(--space-12);flex-direction:column;margin-block-start:var(--space-16);display:flex}.referral-share-option{gap:var(--space-8);align-items:center;display:inline-flex}.referral-sheet{gap:var(--space-16);flex-direction:column;display:flex}.referral-sheet-qr{gap:var(--space-8);text-align:center;flex-direction:column;align-items:center;margin:0;display:flex}.referral-sheet-qr>svg{background:var(--color-surface);block-size:auto;max-inline-size:100%;display:block}.referral-rail{gap:var(--space-12);padding:var(--space-16);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.referral-rail-title.referral-rail-title{font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);margin:0}.referral-rail .referral-fields{gap:var(--space-12);grid-template-columns:minmax(0,1fr);margin-block-start:0}.referral-rail .referral-label.referral-label{color:var(--color-text-secondary);font-size:var(--type-caption-size);margin-block-end:var(--space-4)}.referral-rail .hub-copy-field[data-layout=inline]{padding-inline-start:var(--space-12)}.referral-rail .hub-copy-field-value{font-family:inherit;font-size:var(--type-body-sm-size);text-overflow:ellipsis}.referral-rail .hub-copy-field[data-layout=inline] .hub-copy-field-actions{border-inline-start:var(--border-width-1) solid var(--color-border-subtle);padding-inline-start:var(--space-4)}.referral-rail .referral-note{margin:0}.referral-rail-share{border-block-start:var(--border-width-1) solid var(--color-border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));padding-block-start:var(--space-12);display:grid}.referral-rail-share-control{gap:var(--space-4);min-block-size:var(--size-control-touch);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.referral-rail-share-control+.referral-rail-share-control{border-inline-start:var(--border-width-1) solid var(--color-border-subtle);border-start-start-radius:0;border-end-start-radius:0}.referral-rail-share-control:hover{background:var(--color-canvas)}.referral-rail-share-control:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:calc(var(--focus-ring-offset) * -1)}