/* Masque l'avatar du message de compteur de tokens (en conservant l'alignement) */
.ai-message:has(.token-usage) > :first-child {
  visibility: hidden;
}

/* Badge du modèle actif (voir active-model-badge.js) */
#active-model-badge {
  position: fixed;
  transform: translateY(-50%);
  z-index: 50;
  padding: 2px 10px;
  border-radius: 9999px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--muted));
  color: hsl(var(--muted-foreground));
  font-size: 0.75rem;
  white-space: nowrap;
  pointer-events: none;
}

/* Masque le bouton Lisez-moi */
#readme-button {
  display: none;
}

/* Bouton "+" et menu d'ajout (voir attach-menu.js) */
#attach-plus-button {
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  font-size: 1.4rem;
  line-height: 1;
  color: hsl(var(--muted-foreground));
}
#attach-plus-button:hover {
  background: hsl(var(--muted));
}
#attach-menu {
  position: fixed;
  z-index: 60;
  min-width: 12rem;
  padding: 4px;
  border-radius: 0.5rem;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--popover));
  color: hsl(var(--popover-foreground));
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.15);
}
#attach-menu[hidden] {
  display: none;
}
#attach-menu button {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  text-align: left;
  border-radius: 0.375rem;
}
#attach-menu button:hover {
  background: hsl(var(--muted));
}

/* Capture webcam (voir attach-menu.js) */
#webcam-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background: rgb(0 0 0 / 0.8);
}
#webcam-overlay video {
  max-width: 90vw;
  max-height: 70vh;
  border-radius: 0.5rem;
}
#webcam-overlay div {
  display: flex;
  gap: 0.75rem;
}
#webcam-overlay button {
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}