/* static/css/dashboard.css */

/* FORZAR SOBREESCRITURA TOTAL */
a[href="/admin/"] img[src*="MPP_Educacion_MPP_Educacion"] {
    height: 45px !important;
    width: auto !important;
    max-height: 45px !important;
    min-height: 45px !important;
}

/* ESPECÍFICAMENTE PARA CADA CLASE */
a[href="/admin/"] img.block.h-8.mr-4,
a[href="/admin/"] img.hidden.h-8.mr-4 {
    height: 45px !important;
    width: auto !important;
    max-height: 45px !important;
    min-height: 45px !important;
}

/* AÚN MÁS ESPECÍFICO */
img[src*="MPP_Educacion_MPP_Educacion"].h-8 {
    height: 45px !important; /* Doble important */
}


/* Sobrescribir estilos solo si es necesario */
.dashboard {
    padding: 0;
}

/* Ajustes para modo oscuro en gráficos */
.dark canvas {
    filter: brightness(0.9) contrast(1.1);
}

/* Mejorar contraste en modo oscuro */
.dark .bg-white {
    background-color: var(--color-base-900) !important;
    border-color: var(--color-base-800) !important;
}

.dark .text-important {
    color: var(--color-font-important-dark) !important;
}

.dark .text-subtle {
    color: var(--color-font-subtle-dark) !important;
}

/* Ajustes responsive */
@media (max-width: 768px) {
    .grid {
        grid-template-columns: 1fr !important;
    }
    
    .chart-container {
        height: 300px !important;
    }
}