/* ===== Heatmap ===== */

.highlight-best {
  background-color: #d8f5d0 !important;
  font-weight: bold;
  box-shadow: inset 0 0 3px #4caf50;
}

/* Heatmap Table - "Heat Map Toggles:" */
.heatmap-label {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  /*text-decoration-line: underline; */
  margin-bottom: 3px;
}

/* Heatmap Table - Buttons row */
.heatmap-buttons {
  display: flex;
  gap: 2px;
  margin-top: 2px;
  font-size: 12px;
}

/* Heatmap Table Toggles */
.heatmap-toggle {
  appearance: none;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border: 1px solid #888;
  border-radius: 3px;
  background-color: #fff;
  position: relative;
  margin-top: auto;
}

.heatmap-toggle:checked {
  background-color: #53ff3c;
  border-color: #2f855a;
}

.best-odds-glow {
  animation: glow 1.4s infinite ease-in-out;
  font-weight: bold;
  /* keep the heatmap color; don't override it */
  background-color: inherit;
  /* make it fill the half-cell */
  padding: 0;
  border-radius: 0;
  /* draw a crisp glow ring without shrinking the area */
  box-shadow: inset 0 0 0 2px rgba(76,175,80,.75), 0 0 10px rgba(76,175,80,.45);
}