/* shared/receipt-badge.css
 * Canonical outcome/receipt badge styling for FATE prediction pages
 * (index.html, predictions.html, proof.html).
 *
 * States: pending (incl. live) / correct(hit) / wrong(miss) / void.
 *
 * Consolidated 2026-07-05 from two independently-authored copies:
 *   - proof.html:      plain utility classes on bare <span> (.ok/.no/.pending/.void/.live),
 *                       used in a static, hand-written settlement table.
 *   - predictions.html: pill-shaped ".outcome.<state>" badges, generated at runtime by
 *                       outcome_badge() in shared/receipt-badge.js.
 * Both sets of class names are preserved byte-for-byte so existing markup and any other
 * CSS on either page that targets them keeps working unchanged. Only the token values and
 * rules themselves are now defined in one place instead of two.
 *
 * Color tokens: values match what proof.html/predictions.html already had in their own
 * :root blocks (predictions.html's comment noted they were hand-kept equal to proof.html's
 * for cross-page visual consistency). Declared here with the same names so pages that also
 * define their own :root tokens simply get harmless duplicate values, not a behavior change.
 */
:root{
  --grn:#3fb950;
  --red:#f85149;
  --live:#ff7b72;
  --void:#d29922;
  --dim:#8a96b4;
  --accent:#5ca8ff;
}

/* ---- proof.html-style utility classes (bare <span class="ok|no|pending|void|live">) ---- */
.ok{color:var(--grn)}
.no{color:var(--red)}
.live{color:var(--live)}
.pending{color:var(--dim)}
.void{color:var(--void)}

/* ---- predictions.html-style pill badges (<span class="outcome <state>">) ---- */
.outcome{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;margin-left:auto}
.outcome.pending{background:#1a2540;color:var(--dim)}
.outcome.correct{background:#0a2218;color:var(--grn)}
.outcome.wrong{background:#220a0a;color:var(--red)}
.outcome.void{background:#241c08;color:var(--void)}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}