/* Icônes de l'interface (docs/design-system.md, « Icônes ») : tracés Lucide écrits en SVG dans le HTML,
   trait 1,8 px, une seule couleur (`currentColor`). */

.ecs-icone {
    display: inline-block;
    vertical-align: -0.15em;
    flex-shrink: 0;
}

/* Anneau de chargement (docs/design-system.md, « Anneau de chargement » ; v1 icones.css:29-47) : trait des icônes,
   une seule couleur (`currentColor`), la taille est donnée par le conteneur. */
.ecs-anneau {
    display: inline-block;
    flex-shrink: 0;
    border: 1.8px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: ecs-spin 0.8s linear infinite;
}

@keyframes ecs-spin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .ecs-anneau {
        animation-duration: 2.4s;
    }
}