/* /Layout/MainLayout.razor.rz.scp.css */
/* Base de la Página (Flex-Row Habilitado) */
.page[b-8cguh7dcez] {
    position: relative;
    display: flex;
    flex-direction: row; /* Hacia la derecha */
    min-height: 100vh;
    background-color: var(--amy-bg, #f4f6fa);
}

/* Contenido Principal (El Lienzo de Módulos) */
main[b-8cguh7dcez] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    transition: margin-left 0.3s ease;
}

/* Espaciadores de Módulo en PC */
article.content[b-8cguh7dcez] {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    margin: 0 auto;
    min-height: calc(100vh - 3rem);
}

/* Modificadores Responsivos (Celular / Tablets) */
@media (max-width: 767.98px) {
    main[b-8cguh7dcez] {
        margin-left: 0 !important; /* El Sidebar Colapsa, Main Toma Todo El Ancho */
    }

    article.content[b-8cguh7dcez] {
        padding: 0.5rem !important;
        min-height: calc(100vh - 60px); /* Restando la altura del header móvil */
    }
}

/* Soporte para Escritorios (Fijando el Espacio Lateral) */
@media (min-width: 768px) {
    main[b-8cguh7dcez] {
        margin-left: 260px !important; /* Empuja el main hacia la derecha el ancho exacto del panel lateral */
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-sidebar[b-vbxq30f8jy] {
    background: linear-gradient(180deg, #1a1e29 0%, #10131a 100%);
    min-height: 100vh;
    box-shadow: 4px 0 15px rgba(0, 0, 0, 0.2);
}

.custom-hover[b-vbxq30f8jy] {
    transition: all 0.2s ease-in-out;
}

.custom-hover:hover[b-vbxq30f8jy] {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff !important;
    transform: translateX(4px);
}

.nav-link.active[b-vbxq30f8jy] {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    font-weight: 700;
    border-left: 3px solid var(--amy-primary, #6ea8fe);
    border-radius: 0 4px 4px 0 !important;
}

/* Accordion Styling for Dark Bg */
.dark-accordion .accordion-button[b-vbxq30f8jy] {
    transition: all 0.3s ease;
}

.dark-accordion .accordion-button:not(.collapsed)[b-vbxq30f8jy] {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
    box-shadow: none;
}

.dark-accordion .accordion-button[b-vbxq30f8jy]::after {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.5;
}

.dark-accordion .accordion-button:focus[b-vbxq30f8jy] {
    box-shadow: none;
    border-color: transparent;
}