/* Recherche par le sens — ligne d'état dans l'encadré de la base de connaissances. Couleurs par variables : le mode sombre suit. */

.semantique {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px;
  margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--bordure);
  font-size: 12.5px; color: var(--encre-2);
}
.semantique .point { width: 8px; height: 8px; border-radius: 50%; flex: none; background: var(--encre-3); }
.semantique.active .point { background: var(--bon); }
.semantique.attente .point { background: var(--alerte); animation: pouls 1.6s ease-in-out infinite; }
.semantique.erreur .point { background: var(--critique); }
.semantique.erreur > span:not(.muet) { color: var(--critique); }
.semantique .btn.mini { height: 26px; padding: 0 9px; font-size: 12px; }
.semantique .progres { width: 110px; height: 6px; border-radius: 3px; background: var(--surface); border: 1px solid var(--bordure); overflow: hidden; flex: none; }
.semantique .progres i { display: block; height: 100%; min-width: 2px; background: var(--serie); border-radius: 3px; transition: width 0.4s; }