/* WTWR_RESULTS_PAGE_BADGES_V1 (2026-09-19)

   Shape-only rules for .rx-result / .rx-finish-item on the Results page
   (results.html). Real gap found while consolidating result-status
   colours into wtwr-result-status-shared-v1.css: wtwr-results-page-v1.js
   builds these badges (its own comments say it "mirrors the register
   page's badgeLabel()/finishStrip() exactly"), but no CSS file linked on
   results.html ever defined ANY styling for .rx-result/.rx-finish-item --
   confirmed by grep across every stylesheet results.html loads. The
   badges were rendering as unstyled inline text, not a coloured badge at
   all. Shape mirrors #wtwrPublicExchangeResultsV1's .wpr-result/
   .wpr-finish-item exactly, since the JS was already written to match it.
   Colour comes entirely from wtwr-result-status-shared-v1.css's
   .wtwr-rstat-* classes, same as the other two surfaces -- nothing here
   sets background or color. */
#rxRaces .rx-result{margin-left:auto;min-width:56px;text-align:center;padding:7px 8px;border-radius:7px;font-size:11px;font-weight:950}
#rxRaces .rx-result.plain{background:#222b36;color:#aeb6c0}
#rxRaces .rx-result.unknown{background:#222b36;color:#aeb6c0}
#rxRaces .rx-result.nr{background:#7e8792;color:#fff}
#rxRaces .rx-result.void{background:#3a3f4a;color:#c8ced8}

#rxRaces .rx-finish-strip{margin-top:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08)}
#rxRaces .rx-finish-label{display:block;font-size:8px;font-weight:950;letter-spacing:.1em;color:#58a9ff;margin-bottom:7px}
#rxRaces .rx-finish-items{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
#rxRaces .rx-finish-item{display:flex;align-items:center;gap:5px;padding:4px 8px 4px 4px;border-radius:6px;font-size:9px;font-weight:800;background:rgba(255,255,255,.04);color:#c7cfda}
#rxRaces .rx-finish-item b{padding:3px 5px;border-radius:4px;font-size:8px;font-weight:950}

@media(max-width:650px){
  #rxRaces .rx-result{min-width:48px;padding:6px 7px;font-size:10px}
}