/*
 * Fix: en mobile, el navegador pinta el <html> con su color por defecto
 * (blanco en claro, negro en oscuro) en vez del gris de Filament, cuando
 * el contenido no llega a cubrir el viewport real o durante el rebote de
 * scroll (la barra de direcciones se achica/agranda). El <body> sí tiene
 * el color de Filament, pero el <html> nunca lo recibía. Le damos el mismo
 * fondo explícito al <html> y forzamos el alto real (100dvh).
 */
html.fi {
    min-height: 100vh;
    min-height: 100dvh;
    background-color: #f9fafb; /* gray-50, igual al fondo claro de Filament */
    color-scheme: light;
}

html.fi.dark {
    background-color: #030712; /* gray-950, igual al fondo oscuro de Filament */
    color-scheme: dark;
}

body.fi-body {
    min-height: 100vh;
    min-height: 100dvh;
}

.fi-simple-layout.min-h-screen {
    min-height: 100vh;
    min-height: 100dvh;
}
