/* The payout overview and history share one preview snapshot. */
.readout { --payout-muted:#40592a; }
html[data-theme="dark"] .readout { --payout-muted:var(--muted); }
.payout-total { min-width:0; position:relative; padding-bottom:24px; }
.payout-total .num { margin-bottom:9px; }
.payout-usd { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 10px; margin:0; color:var(--payout-muted); font-size:12px; }
.payout-usd b { color:var(--ink); font-size:24px; line-height:1.2; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.payout-metrics .cell { display:flex; flex-direction:column; min-width:0; padding-bottom:4px; }
.payout-metrics dt { order:2; color:var(--payout-muted); font-size:12px; line-height:1.45; }
.payout-metrics dd { margin:0; }
.payout-metrics .payout-value { order:1; margin-bottom:8px; font-size:25px; line-height:1.2; font-weight:700; letter-spacing:-.025em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.payout-metrics .payout-detail { order:3; margin-top:5px; font-size:10px; line-height:1.6; color:var(--payout-muted); }
.payout-detail time { display:block; font-variant-numeric:tabular-nums; }
.payout-footer { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; margin-top:22px; padding-top:15px; border-top:1px solid rgba(28,49,9,.16); font-size:11px; }
.payout-footer p { margin:0; color:var(--payout-muted); }
.payout-footer p span { margin-inline:6px; }
.payout-footer a { display:inline-flex; align-items:center; gap:9px; padding-block:7px; font-weight:600; text-decoration:underline; text-underline-offset:4px; text-decoration-color:transparent; }
.payout-footer a:hover { text-decoration-color:currentColor; }
.payout-footer svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
html[data-theme="dark"] .payout-footer { border-color:var(--line); }
.payout-notes { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px 20px; margin-top:12px; font-size:10px; line-height:1.6; color:var(--muted); }
.payout-notes time { font-variant-numeric:tabular-nums; }
.rewards-context { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; margin-top:32px; color:var(--muted); font-size:11px; }
.rewards-preview { display:inline-flex; align-items:center; gap:7px; }
.rewards-preview::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--lime); }
.rewards-context time { font-variant-numeric:tabular-nums; }
.rewards-summary-foot { padding-top:12px; }
.rewards-summary-foot p { margin:0; font-size:11px; color:var(--muted); }
.rewards-summary-foot b { color:var(--ink); font-weight:600; }
.rewards-summary-foot span { margin-inline:6px; }
.rewards-history-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 16px; margin:32px 0 14px; }
.rewards-history-heading h3 { font-family:inherit; font-size:15px; font-weight:600; letter-spacing:0; }
.rewards-history-heading>span { color:var(--muted); font-size:11px; }
@media (min-width:641px) and (max-width:920px) {
  .payout-metrics .cell { padding-inline:14px; }
  .payout-metrics .cell:first-child { padding-left:0; }
  .payout-metrics .cell:last-child { padding-right:0; }
  .payout-metrics dt { font-size:11px; }
  .payout-metrics .payout-value { font-size:23px; }
}
@media (max-width:640px) {
  .payout-total { padding-bottom:0; }
  .payout-total .num { margin-bottom:10px; }
  .payout-usd { font-size:11px; gap:3px 8px; }
  .payout-usd b { font-size:21px; }
  .payout-metrics .cell { padding-block:18px; }
  .payout-metrics .cell:nth-child(odd) { padding-right:12px; }
  .payout-metrics .cell:nth-child(even) { padding-left:16px; }
  .payout-metrics .cell:nth-child(n+3) { padding-bottom:0; }
  .payout-metrics .payout-value { font-size:23px; }
  .payout-metrics dt { font-size:11px; }
  .payout-metrics .payout-detail { font-size:10px; }
  .payout-footer { margin-top:19px; gap:3px 14px; font-size:10px; }
  .payout-notes { font-size:9px; }
  .rewards-context { margin-top:24px; font-size:10px; }
}

/* Launch configuration is intentionally prospective. */
.launch-status { max-width:48ch; margin:18px 0 0; color:var(--muted); font-size:11px; line-height:1.6; }
.copy:disabled { opacity:.5; cursor:default; }
.copy:disabled:hover { transform:none; }