/* ── Icons dans boutons ── */
.btn-icon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

.btn-sm .btn-icon {
  width: 14px;
  height: 14px;
}

/* Icônes dans boutons ghost/secondary (texte plus foncé) */
.btn-ghost .btn-icon,
.btn:not(.btn-primary):not(.btn-start):not(.btn-danger) .btn-icon {
  opacity: 0.75;
}

/* Boutons colorés : icône blanche */
.btn-primary .btn-icon,
.btn-danger .btn-icon {
  filter: brightness(0) invert(1);
  opacity: 1;
}

/* Icône dans onglets (tabs) */
.tab-icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 4px;
  filter: brightness(0) invert(1);
  opacity: 0.7;
}

/* Icône dans badges/inline */
.icon-inline {
  width: 13px;
  height: 13px;
  vertical-align: -2px;
  filter: brightness(0) invert(1);
  opacity: 0.85;
}