/* RadarFlex UI Kit v0.2 · Complementos para Phosphor Icons Web Light/Duotone.
   Requiere cargar ANTES las hojas oficiales de los dos pesos, con sus fuentes.
   No modificar `font-family`, `font-weight`, `::before` ni `::after` de Phosphor.
   No se incluyen archivos de fuente en este paquete de diseño. */
.rf-app .rf-icon { display: inline-block; flex: 0 0 auto; font-size: 1.25rem; line-height: 1; vertical-align: -.12em; }
.rf-app .rf-icon--sm { font-size: 1.05rem; }
.rf-app .rf-icon--lg { font-size: 1.5rem; }
.rf-app .rf-icon--xl { font-size: 1.75rem; }
.rf-app .rf-sidebar__link .rf-icon { width: 1.35rem; font-size: 1.35rem; text-align: center; }
.rf-app .rf-kpi__icon .rf-icon { font-size: 1.5rem; }
.rf-app .rf-icon-button { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; }
.rf-app .rf-icon-button > .rf-icon { line-height: 1; }
/* Evitar iconos sin etiqueta: botones de solo icono requieren aria-label/tooltip. */