/* Launch surface. Tokens are shared with the retained prototype. */
.rewards-launch { max-width: 960px; margin: auto; padding: var(--space-9) var(--shell-pad-mobile) var(--space-10); }
.rewards-launch [hidden] { display: none !important; }
.rewards-launch h1 { font-size: var(--text-h1); margin: var(--space-5) 0 var(--space-8); }
.rewards-launch h2 { font-size: var(--text-h2); margin-bottom: var(--space-5); }
.rewards-launch .muted { color: var(--color-text-muted); }
.rewards-launch .panel { background: var(--color-panel); padding: var(--space-8); border-radius: var(--radius-control); margin: var(--space-8) 0; }
.rewards-launch .balance-panel { border-top: var(--rail-width) solid var(--color-accent); }
.rewards-launch .balance { font-size: var(--text-hero); font-weight: var(--weight-bold); color: var(--color-money); line-height: var(--lh-tight); margin: var(--space-5) 0; overflow-wrap: anywhere; }
.rewards-launch .button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--tap-target); border: 0; padding: var(--space-3) var(--space-5); background: var(--color-button); color: var(--color-button-text); border-radius: var(--radius-control); cursor: pointer; text-decoration: none; font: inherit; }
.rewards-launch button:disabled { cursor: wait; opacity: .65; }
.rewards-launch .tabs { display: flex; gap: var(--space-3); margin-bottom: var(--space-8); }
.rewards-launch .tabs button { flex: 1; }
.rewards-launch .tabs button[aria-selected="false"] { background: var(--color-panel); color: var(--color-text-muted); }
.rewards-launch .order { background: var(--color-panel); border-radius: var(--radius-control); padding: var(--space-5); margin: var(--space-5) 0; }
.rewards-launch .order-head { display: flex; justify-content: space-between; align-items: start; gap: var(--space-3); }
.rewards-launch .order h3 { font-size: var(--text-card); }
.rewards-launch .status { color: var(--color-text-muted); margin: var(--space-3) 0 var(--space-5); }
.rewards-launch .items { display: grid; gap: var(--space-5); }
.rewards-launch .item { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: var(--space-5); align-items: center; }
.rewards-launch .artwork { width: 76px; height: 76px; border-radius: var(--radius-control); background: var(--color-panel-alt); overflow: hidden; display: grid; place-items: center; }
.rewards-launch .artwork img { width: 100%; height: 100%; object-fit: contain; }
.rewards-launch .artwork img, .rewards-launch .artwork .placeholder { grid-area: 1 / 1; }
.rewards-launch .placeholder { font-size: var(--text-meta); color: var(--color-text-muted); text-align: center; padding: var(--space-2); }
.rewards-launch .item-title { overflow-wrap: anywhere; }
.rewards-launch .earned { color: var(--color-money); margin-top: var(--space-5); }
.rewards-launch .history-message { margin: var(--space-5) 0; }
@media (min-width: 640px) { .rewards-launch { padding-left: var(--space-9); padding-right: var(--space-9); } .rewards-launch .tabs { max-width: 480px; } .rewards-launch .order { padding: var(--space-8); } }