/* Eliminación ultra agresiva de TODAS las sombras */

/* Resetear todas las propiedades de sombra */
*,
*::before,
*::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
}

/* Eliminar blur y efectos similares */
* {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}

/* Específicamente el wrapper principal de Filament */
.fi-layout,
.fi-main-ctn,
[x-data*="panel"] {
    box-shadow: none !important;
}

/* Eliminar cualquier efecto visual tipo sombra */
.shadow,
.shadow-sm,
.shadow-md,
.shadow-lg,
.shadow-xl,
.shadow-2xl,
.shadow-inner,
.ring,
.ring-1,
.ring-2 {
    box-shadow: none !important;
}

/* ============================================================
   ELIMINAR SOMBRA DEL CONTENEDOR DE NOTIFICACIONES
   ============================================================ */

/* Este es el elemento que causa el "marco" alrededor de toda la pantalla */
.fi-no,
[class*="fi-no"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Las notificaciones individuales pueden tener un borde sutil en su lugar */
.fi-no-notification,
[role="alert"] {
    box-shadow: none !important;
    border: 1px solid rgb(229 231 235) !important;
}

.dark .fi-no-notification,
.dark [role="alert"] {
    border-color: rgb(55 65 81) !important;
}

/* ============================================================
   FIN DE CORRECCIÓN
   ============================================================ */

/* ============================================================
   ELIMINAR GRADIENTE VISIBLE Y ASEGURAR FONDO BLANCO
   ============================================================ */

/* Fondo blanco sólido para todo el body */
body {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Dark mode */
.dark body {
    background-color: #111827 !important;
}

/* Fondo blanco sólido para el contenido principal */
main.fi-main,
.fi-main,
.fi-body,
.fi-content,
.fi-layout {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Dark mode para contenido principal */
.dark main.fi-main,
.dark .fi-main,
.dark .fi-body,
.dark .fi-content,
.dark .fi-layout {
    background-color: #111827 !important;
}

/* Asegurar que no hay espacios donde se vea el gradiente */
.fi-main-ctn,
[x-data*="panel"] {
    background-color: #ffffff !important;
}

.dark .fi-main-ctn,
.dark [x-data*="panel"] {
    background-color: #111827 !important;
}

/* Si el gradiente del topbar se está viendo, limitarlo solo al header */
.fi-topbar {
    z-index: 10 !important;
}

/* Asegurar que el contenido bajo el topbar tenga fondo blanco */
.fi-main::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: -1;
}

.dark .fi-main::before {
    background-color: #111827;
}

/* ============================================================
   FIN DE CORRECCIÓN DE FONDO
   ============================================================ */