/* Phase 2 uses the approved pre-launch shell, card grid and shared tokens. */
.rewards-hub [hidden] { display: none !important; }
.rewards-hub { overflow-wrap: anywhere; }
.rewards-hub .rewards-launch { max-width: none; padding: 0; width: 100%; }
.rewards-hub .tabs { max-width: none; gap: var(--space-2); }
.rewards-hub .tabs button { min-width: 0; padding-inline: var(--space-2); }
.rewards-hub .nav-link:disabled { cursor: default; color: var(--color-text-muted); opacity: .6; }
.rewards-hub .nav-link:disabled:hover { background: transparent; }
.rewards-hub .nav-link:not(.is-active) .nav-link__rail { display: none; }
.rewards-hub .nav-link__soon { max-width: 5em; text-align: right; line-height: var(--lh-tight); }
.rewards-hub .hub-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); align-items: center; }
.rewards-hub .hub-heading h1 { font-size: var(--text-h1); }
.rewards-hub .hub-soon { color: var(--color-text-muted); }
.rewards-hub .hub-soon .icon, .rewards-hub .hub-soon .avatar { color: var(--color-text-muted); }
.rewards-hub .hub-soon .avatar { background: var(--color-fill-subtle); border-color: var(--color-border); }
.rewards-hub .hub-soon button, .rewards-hub .hub-soon input { opacity: .6; cursor: default; }
.rewards-hub .soon-label { font-size: var(--text-small); color: var(--color-text-muted); }
.rewards-hub .hub-soon-body { display: flex; flex-direction: column; gap: var(--space-5); padding-block: var(--space-5); }
.rewards-hub .hub-placeholder-track { height: var(--space-2); border-radius: var(--radius-pill); background: var(--color-border); }
.rewards-hub .hub-referral-preview { display: flex; align-items: center; gap: var(--space-5); min-width: 0; }
.rewards-hub .hub-referral-preview input { width: 100%; min-width: 0; padding: var(--space-4); color: var(--color-text-muted); background: var(--color-panel-alt); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-control); }
.rewards-hub .hub-qr-placeholder { width: 76px; height: 76px; flex-shrink: 0; display: grid; place-items: center; border: var(--border-width) dashed var(--color-border); border-radius: var(--radius-control); text-align: center; font-size: var(--text-meta); }
.rewards-hub .tile { min-width: 0; }
.rewards-hub .welcome__ident { min-width: 0; }
.rewards-hub .credit__value { overflow-wrap: anywhere; }
.rewards-hub .hub-panel { display: flex; flex-direction: column; gap: var(--card-gap); }
.rewards-hub .hub-events { display: grid; gap: var(--space-4); }
.rewards-hub .hub-event { display: flex; justify-content: space-between; gap: var(--space-4); border-bottom: var(--border-hairline) solid var(--color-border); padding-bottom: var(--space-4); }
.rewards-hub .hub-event > :first-child { min-width: 0; }
.rewards-hub .hub-event > :last-child { flex-shrink: 0; }
.rewards-hub .hub-earn-row { display: flex; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-3); }
.rewards-hub .nav-trigger { z-index: 90; }
.rewards-hub .nav-sheet { top: 80px; max-height: calc(100dvh - 96px); }
@media (min-width: 901px) { .rewards-hub .nav-link { min-height: var(--tap-target); } }