/* Primero se importa los estilos base de Filament para no perder el layout general */
/* @import '/vendor/filament/filament/resources/css/theme.css'; */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import './../administrador/button.css';

/* Ahora aplica tu cambio usando la hook class */
.fi-topbar {
    background-color: #0CC0DF !important;
}

.fi-topbar * {
    /* color: #fff !important; */
}

.fi-sidebar {
    background-color: #0CC0DF !important;
}

.fi-sidebar > nav.fi-sidebar-nav li.fi-sidebar-group.fi-collapsible div.fi-sidebar-group-btn * {
    color: #fff !important;
}
.fi-sidebar > nav.fi-sidebar-nav li.fi-sidebar-item:not(.fi-active) * {
    color: #fff !important;
}
.fi-sidebar > nav.fi-sidebar-nav li.fi-sidebar-item:not(.fi-active) :hover * {
    color: #0CC0DF !important;
}