/* ============================================================
   ELIMINACIÓN COMPLETA DE SOMBRAS Y MARCOS
   ============================================================ */

/* Eliminar TODAS las sombras del sistema */
* {
    box-shadow: none !important;
}

/* Eliminar TODOS los rings (bordes de Tailwind) */
*[class*="ring-"],
*[class*="shadow-"] {
    box-shadow: none !important;
    --tw-ring-shadow: none !important;
    --tw-shadow: none !important;
}

/* Específicamente el sidebar */
aside.fi-sidebar,
.fi-sidebar,
.fi-sidebar * {
    box-shadow: none !important;
    --tw-ring-shadow: none !important;
    --tw-shadow: none !important;
}

/* Específicamente el main content */
main.fi-main,
.fi-main,
.fi-main * {
    box-shadow: none !important;
    --tw-ring-shadow: none !important;
    --tw-shadow: none !important;
}

/* Header y footer */
header,
footer {
    box-shadow: none !important;
    --tw-ring-shadow: none !important;
    --tw-shadow: none !important;
}

/* Contenedores principales */
.fi-body,
.fi-content,
.fi-panel,
.fi-layout {
    box-shadow: none !important;
    --tw-ring-shadow: none !important;
    --tw-shadow: none !important;
    border: none !important;
}

/* Cards y contenedores de formularios */
.fi-section,
.fi-card,
.fi-form-section,
.fi-resource-table {
    box-shadow: none !important;
    border: 1px solid rgb(229 231 235) !important; /* Solo borde sutil */
}

/* Dark mode */
.dark .fi-section,
.dark .fi-card,
.dark .fi-form-section,
.dark .fi-resource-table {
    border-color: rgb(55 65 81) !important;
}

/* Eliminar sombra del sidebar cuando está abierto */
aside.fi-sidebar.fi-sidebar-open {
    box-shadow: none !important;
}

/* ============================================================
   FIN DE ELIMINACIÓN DE SOMBRAS
   ============================================================ */