/* Estilos personalizados para o Filament */

/* Personalizau00e7u00e3o da barra de navegau00e7u00e3o superior (topbar) */
.fi-topbar {
    background-color: #194747 !important; /* Cor verde da marca */
    color: white !important;
}

/* Personalizau00e7u00e3o dos links na barra de navegau00e7u00e3o */
.fi-topbar a, .fi-topbar button {
    color: rgba(255, 255, 255, 0.8) !important;
}

.fi-topbar a:hover, .fi-topbar button:hover {
    color: white !important;
}

/* Personalizau00e7u00e3o do item ativo na navegau00e7u00e3o */
.fi-topbar-item-active {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

/* Personalizau00e7u00e3o de botu00f5es primu00e1rios */
.fi-btn-primary {
    background-color: #194747 !important;
}

.fi-btn-primary:hover {
    background-color: #133636 !important;
}

body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.opacity-0 > div > nav,
body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > aside > div > header{
    background-color: #194747 !important;
    color: white !important;
}