/**
 * RocketCRM icon size utilities
 * Remix Icon: .ri-*  |  Font Awesome: .fa-* / .fas / .far / .fab
 * Always pair with a size class. Prefer Remix for UI chrome.
 */

.icon-xs,
.ri.icon-xs,
[class^="ri-"].icon-xs,
[class*=" ri-"].icon-xs,
.fa.icon-xs,
.fas.icon-xs,
.far.icon-xs,
.fab.icon-xs {
  font-size: var(--icon-xs);
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
}

.icon-sm,
.ri.icon-sm,
[class^="ri-"].icon-sm,
[class*=" ri-"].icon-sm,
.fa.icon-sm,
.fas.icon-sm,
.far.icon-sm,
.fab.icon-sm {
  font-size: var(--icon-sm);
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
}

.icon-md,
.ri.icon-md,
[class^="ri-"].icon-md,
[class*=" ri-"].icon-md,
.fa.icon-md,
.fas.icon-md,
.far.icon-md,
.fab.icon-md {
  font-size: var(--icon-md);
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
}

.icon-lg,
.ri.icon-lg,
[class^="ri-"].icon-lg,
[class*=" ri-"].icon-lg,
.fa.icon-lg,
.fas.icon-lg,
.far.icon-lg,
.fab.icon-lg {
  font-size: var(--icon-lg);
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
}

/* Inline icon next to text — keep colour inherited */
.icon-inline {
  color: currentColor;
}