/* ===========================================================================
   ICÔNES NOTO EMOJI (mission « ergonomie », 02/10/2026) : images SVG
   auto-hébergées, `templates/partials/icone.html`. Le dessin a ses couleurs
   propres : aucune couleur d'Apparence ne s'y applique. Que des jetons.
   =========================================================================== */
.icone {
  display: inline-block;
  flex: 0 0 auto;
  /* Posée sur la ligne de base du texte voisin, légèrement descendue, comme
     le serait un caractère. */
  vertical-align: -0.15em;
  /* Une image décorative ne se sélectionne pas avec le texte qu'elle
     accompagne : copier une adresse copie l'adresse seule. */
  user-select: none;
}

/* Lot C (03/10/2026) : les tailles selon l'endroit, toutes par jeton. Dans
   un bouton rond de la barre (bascule de thème, roue dentée), l'icône est
   centrée sans décalage de ligne de base ; dans le menu de la roue et le
   bouton « Une idée ? », elle a la taille du texte. */
.pastille-bouton .icone {
  inline-size: var(--tab-icone-moyenne, 20px);
  block-size: var(--tab-icone-moyenne, 20px);
  vertical-align: middle;
}
.menu-roue__lien .icone,
.idees-bouton .icone {
  inline-size: var(--tab-icone-petite, 16px);
  block-size: var(--tab-icone-petite, 16px);
}
/* Le devis signé de « Mes documents » : la main qui écrit, à la taille de
   l'étiquette (elle porte son propre nom accessible, `aria-label`). */
.etiquette-signe .icone { inline-size: 1em; block-size: 1em; }