/* Série de connexion */
#streakMenu {
  --accent: #ffd700;
  --accent-soft: #ffe680;
  border-color: #ffd700;
  width: min(620px, calc(100vw - 30px));
}
.streak-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}
.streak-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 10px 4px;
  border: 1px solid #333;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  overflow: visible;
}
.streak-day small {
  font-size: 9px;
  color: #999;
  letter-spacing: 1px;
}
.streak-day .ico {
  font-size: 24px;
  overflow: visible;
}
.streak-day b {
  font-size: 13px;
  color: #ffd700;
}
.streak-day.past {
  opacity: 0.45;
}
.streak-day.today {
  border-color: #ffd700;
  background: linear-gradient(160deg, rgba(255, 215, 0, 0.2), rgba(0, 0, 0, 0.3));
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.45);
}
.streak-day.today small {
  color: #ffd700;
}
.streak-note {
  margin-top: 12px;
  font-size: 12px;
  color: #aaa;
}
/* Téléphone en portrait : 4 cases puis 3 */
@media (max-width: 520px) {
  .streak-days {
    grid-template-columns: repeat(4, 1fr);
  }
}