/* ============================================================
   Direction tint for Active Runs — self-contained add-on.
   Loaded AFTER gamma_scalper.css; instant rollback = remove this file.

   1) Per-run panel tint: each run card is tinted by ITS OWN direction
      (dir-long / dir-reverse set in the render template).
   2) Whole-section tint (panel-dir-* classes, toggled by
      loadActiveRuns()): lite green when every visible run is LONG,
      lite red when all are REVERSE, white when mixed or empty.
   ============================================================ */

#runs-section.panel-dir-long {
    background: #dcfce7;
    border-color: #a7f3d0;
}

#runs-section.panel-dir-reverse {
    background: #fee2e2;
    border-color: #fecaca;
}

/* Per-run tint: each run card panel colored by its own direction */
#runs-list .run-card.dir-long {
    background: #dcfce7;
    border-color: #a7f3d0;
}

#runs-list .run-card.dir-reverse {
    background: #fee2e2;
    border-color: #fecaca;
}