/*--- static/css/general.css ---*/

option[data-type="component"] {
  color: #0d6efd !important;
  background-color: #1e1e1e !important; /* ton fond modal */
  font-weight: 600;
}

option[data-type="sub"] {
  color: #e0e0e0 !important;
  background-color: #1e1e1e !important;
  font-style: italic !important;
}

select.form-select {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}

.popover-alert-content {
  max-height: 260px;          /* scroll vertical uniquement */
  overflow-y: auto;
  overflow-x: hidden;          /* pas de scroll horizontal */
  min-width: 400px;
  max-width: 400px;
  padding-right: 6px;
}

/* Conteneur du popover */
.popover {
  pointer-events: auto !important;
  width: auto !important;
  max-width: 420px !important;
  overflow-x: hidden !important;
}

/* Corps du popover */
.popover-body {
  padding: 0.5rem 0.75rem !important;
}

/* Chaque ligne d’alerte */
.popover-alert-content div {
  display: flex;                   /* alignement horizontal */
  align-items: center;
  white-space: nowrap;
  overflow: hidden;                /* cache le texte trop long */
  text-overflow: ellipsis;         /* ajoute les "..." automatiques */
}

/* Petit point rouge + texte tronqué */
.alert-text {
  flex: 1;                         /* occupe tout l’espace restant */
  min-width: 0;                    /* 👈 indispensable pour ellipsis en flex */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}