/* Estilos personalizados para centrar el logo en Filament */

/* Centrar el contenedor del logo en el sidebar */
.fi-sidebar-header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Centrar el logo específicamente */
.fi-sidebar-header .fi-sidebar-header-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Centrar el nombre de la marca */
.fi-sidebar-header .fi-sidebar-header-brand {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Asegurar que el contenedor del logo esté centrado */
.fi-sidebar-header .fi-sidebar-header-logo img {
    margin: 0 auto !important;
    display: block !important;
}

/* Centrar el texto del nombre de la marca */
.fi-sidebar-header .fi-sidebar-header-brand-name {
    text-align: center !important;
    width: 100% !important;
}

/* Estilos para la vista personalizada del logo */
.fi-sidebar-header .flex {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Responsive para dispositivos móviles */
@media (max-width: 768px) {
    .fi-sidebar-header .fi-sidebar-header-logo img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* Estilos para el toggle de status en el header */
.status-toggle-header {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
}

/* Ajustar el header para que el toggle se vea correctamente */
.fi-header-actions {
    position: relative;
}