/* Vocense — compléments au design system Tailwind (CDN).
 * Tout ce que les utilitaires ne couvrent pas : animations, zones sûres, typographie des rapports.
 */

/* L'attribut hidden doit toujours l'emporter (les utilitaires flex/grid ont la même spécificité). */
[hidden] { display: none !important; }

/* Anneaux de pulsation, actifs uniquement pendant l'enregistrement. */
.pulse-ring {
  animation: vocense-pulse 2s cubic-bezier(0.2, 0.6, 0.3, 1) infinite;
  transform-origin: center;
  pointer-events: none;
}
.pulse-ring-delay { animation-delay: 0.7s; }

@keyframes vocense-pulse {
  0%   { transform: scale(0.9); opacity: 0.7; }
  70%  { opacity: 0; }
  100% { transform: scale(1.45); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pulse-ring { animation: none; opacity: 0.35; }
  .animate-spin { animation-duration: 1.6s; }
}

/* Corps des comptes-rendus : conserve les retours à la ligne du LLM, police de l'interface. */
.report-body {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: inherit;
}
.report-body:empty::before {
  content: "—";
  color: #94a3b8; /* slate-400 */
}

/* Zones sûres des écrans à encoche en mode installé. */
@media (display-mode: standalone) {
  .safe-top    { padding-top: env(safe-area-inset-top); }
  .safe-bottom { padding-bottom: calc(2rem + env(safe-area-inset-bottom)); }
}

/* Sélecteur natif : flèche personnalisée cohérente. */
#context-select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1rem;
}