/* ============================================
   RESPONSIVE DASHBOARD — DESKTOP
   Breakpoint: min-width 1024px

   Los estilos base de dashboard.css ya están
   diseñados para desktop. Solo refinamientos.
   ============================================ */

@media screen and (min-width: 1024px) {

    .dash-container {
        padding: 28px 32px;
    }

    /* 4 columnas uniformes en pantallas grandes */
    .dash-kpi-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .dash-kpi2-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Grid inferior: tabla (2/3) + accesos (1/3) */
    .dash-bottom-grid--with-sidebar {
        grid-template-columns: 2fr 1fr;
    }
}