/* Shared base styles between index.html (participant) and admin.html
   (operator dashboard).

   What's intentionally NOT here: the specific :root color palette.
   Each page tunes its own (admin runs slightly cooler bg + a pure-cyan
   accent vs index's amber-warm). What IS here: the font + reset, the
   semantic green/red used by both, and table.mini styling that both
   pages reach for in their leaderboard renders. */

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular,
               Menlo, Monaco, Consolas, monospace;
  font-size: 13px;
  line-height: 1.5;
  font-feature-settings: "tnum";
}

/* Status colors — kept here as a single source of truth so future
   pages don't reinvent them. */
:root {
  --green: #5cc46b;
  --red:   #c93434;
}

/* table.mini is a 12-row leaderboard / history table both pages use. */
table.mini { width: 100%; border-collapse: collapse; }
table.mini th,
table.mini td {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid var(--border, #1d242e);
}
table.mini th {
  color: var(--dim, #6b7585);
  font-weight: normal;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
table.mini tr:last-child td { border-bottom: none; }
table.mini td.pos { color: var(--green); }
table.mini td.neg { color: var(--red); }