/* Fix agresivo para iconos Lucide grandes en IconPicker */

/* Forzar contenedor del icono */
.fi-icon-picker-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* Forzar SVG dentro del contenedor */
.fi-icon-picker-icon svg,
.fi-icon-picker-icon svg.lucide,
.fi-modal-content .fi-icon-picker-icon svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    display: block !important;
}

/* Preview en el input */
.fi-icon-picker-preview {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.fi-icon-picker-preview svg,
.fi-icon-picker-preview svg.lucide {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    display: block !important;
}

/* Botones del grid */
.fi-icon-picker-item {
    width: auto !important;
    height: auto !important;
    padding: 12px !important;
}

/* Todos los SVG en el modal */
.fi-modal-content svg {
    width: 24px !important;
    height: 24px !important;
}

/* Resetear viewBox si es necesario */
.fi-icon-picker-icon svg[viewBox],
.fi-icon-picker-preview svg[viewBox] {
    transform: scale(1) !important;
}