/**
 * P-06 · Diccionario de íconos — .scm-ui-ic
 *
 * Los trazos viven en scm_ui_icon() (core/helpers/ui.php); aquí solo el
 * comportamiento común del SVG. Una acción, un ícono, en todo el sistema.
 *
 * Estilo: SVG lineal, stroke currentColor, fill none, extremos redondeados.
 * Grosor: 2 en tamaños 15-18px, 1.8 en 19px o más.
 *
 * Material Icons Round se conserva mientras dure la transición; el objetivo
 * final es que todo pase por el helper.
 */

.scm-ui-ic {
  display: inline-block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}

/* Tamaños del sistema: 15 chip de botón · 16 solo-ícono y acciones de tabla
   en móvil · 17 pestañas y solo-ícono grande · 18 P-02 escritorio ·
   19 pestañas móvil y estados vacíos. */
.scm-ui-ic--15 { width: 15px; height: 15px; }
.scm-ui-ic--16 { width: 16px; height: 16px; }
.scm-ui-ic--17 { width: 17px; height: 17px; }
.scm-ui-ic--18 { width: 18px; height: 18px; }
.scm-ui-ic--19 { width: 19px; height: 19px; stroke-width: 1.8; }
.scm-ui-ic--23 { width: 23px; height: 23px; stroke-width: 1.8; }

/* Ícono junto a texto (G-07). */
.scm-ui-ictext {
  display: inline-flex;
  align-items: center;
  gap: var(--scm-ui-icon-gap);
}