/* ==================================================================== */
/* --- 1. Diode Simple --- */
/* ==================================================================== */

.diode-simple-indicateur {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #555555; /* Base grise */
  transition: all 0.1s ease-in-out;
}

.diode-simple-indicateur.active {
  background-color: #2ecc71; /* Flash vert */
  box-shadow: 0 0 8px #2ecc71;
}


/* ==================================================================== */
/* --- 2. Diode Émotionnelle --- */
/* ==================================================================== */

.diode-emotionnelle-indicateur {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #555555; /* Base grise */
  transition: all 0.1s ease-in-out;
  margin-bottom: 5px;
}

.diode-emotionnelle-indicateur.active {
  background-color: #2ecc71; /* Flash vert */
  box-shadow: 0 0 8px #2ecc71;
}

.diode-emotionnelle-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: monospace;
}

.diode-emotion-texte {
  color: #777;
  font-size: 11px;
  transition: color 0.5s ease;
}