/*
 * Styles propres à l'application. La palette et les composants viennent du
 * design system (app/assets/tailwind/silex_ui).
 */

/* L'icône d'un en-tête de tableau tient sur la ligne du libellé. Le preflight
 * de Tailwind met les svg en bloc, ce qui l'envoyait à la ligne du dessus —
 * et à gauche d'une colonne alignée à droite. */
thead th > svg {
  display: inline-block;
  margin-right: 0.375rem;
}

/* Le toast des messages flash : la bande qui le porte laisse passer les
 * clics, seule la bulle les prend — pour se fermer. */
[data-controller="flash"] > div {
  pointer-events: none;
}

[data-controller="flash"] [role="status"] {
  pointer-events: auto;
  cursor: pointer;
}