/* ============================================================
   sparkline.css — Inline tiny SVG sparkline used in rankings rows.
   Width is set inline per-row by the renderer (so it can scale
   with the column); this file owns the stroke + dot styling.
   ============================================================ */

.spark {
  display: inline-block;
  vertical-align: middle;
  width: 64px;
  height: 18px;
}
.spark path {
  fill: none;
  stroke: var(--primary);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.spark circle {
  fill: var(--primary-bright);
  stroke: var(--surface-1);
  stroke-width: 1;
}
.spark.is-up   path { stroke: var(--alert); }
.spark.is-up   circle { fill: var(--alert); }
.spark.is-down path { stroke: var(--ok); }
.spark.is-down circle { fill: var(--ok); }