.auction-connection { margin: 16px 0; padding: 12px 16px; border: 1px solid #94a3b8; border-radius: 8px; background: #f1f5f9; color: #1e293b; }
.auction-connection[data-state=connected] { border-color: #15803d; background: #f0fdf4; color: #14532d; }
.auction-connection[data-state=stale] { border-color: #b45309; background: #fffbeb; color: #78350f; }
.auction-connection button { margin-left: 12px; text-decoration: underline; font-weight: 600; color: inherit; }
/* Nothing to report while checking / live and healthy: keep the page quiet. The box appears only
   when bidding is paused (stale), after an uncertain bid, or when the auction has just finished. */
.auction-connection[data-state=checking],
.auction-connection[data-state=connected]:not([data-uncertain]) { display: none; }