/* ============================================================
   HUF — Componente: Icon (.hd-icon) — HVL §5.5/§6.11
   ------------------------------------------------------------
   Único vehículo de íconos del producto, vía TagHelper <hd-icon>
   (AdminPortal/TagHelpers/HdIconTagHelper.cs), renderizando un <use>
   sobre wwwroot/img/lucide-sprite.svg. Trazo 1.5px y stroke=currentColor
   ya vienen fijados en cada <symbol> del sprite — este archivo solo
   resuelve el encaje del ícono dentro de texto/controles.
   Ejemplos de uso → docs/hednora-ui-framework-guide.md §Iconos.
   ============================================================ */

.hd-icon {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Fallback de nombre inválido (HVL §6.11: "falla visible en QA, nunca un
   ícono silenciosamente vacío"). */
.hd-icon--invalid {
    display: inline-flex;
    align-items: center;
    padding: 0 var(--hd-space-1);
    border: 1px dashed var(--hd-color-error);
    border-radius: var(--hd-radius-sm);
    color: var(--hd-color-error);
    font-size: var(--hd-text-meta);
    font-family: monospace;
}