/* Overview page specifics */

.heatmap-grid {
  display: grid;
  grid-template-columns: repeat(53, 12px);
  grid-template-rows: repeat(7, 12px);
  grid-auto-flow: column;
  gap: 2px;
}
.heat-cell {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: var(--bg-3);
}
.heatmap-legend {
  font-size: 11px;
  margin-top: 8px;
}

.hour-grid-row {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  gap: 4px;
}
.hour-cell {
  background: var(--bg-3);
  border-radius: var(--radius-sm);
  padding: 12px 4px;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  color: var(--text-1);
  cursor: help;
}
.hour-cell.empty {
  background: var(--bg-2);
  color: var(--text-3);
}