/* TaskFlow — responsive desktop (≥1024px) */

@media (min-width: 1024px) {

    /* Stats: 6 columnas (ya definido en base, reforzado aquí) */
    .tf-stats {
        grid-template-columns: repeat(6, 1fr);
    }

    /* Columnas Kanban con ancho cómodo */
    .tf-columna {
        flex: 1 1 200px;
        min-width: 180px;
        max-width: 280px;
    }

    /* En pantallas grandes el tablero usa todo el espacio */
    .tf-tablero {
        overflow-x: auto;
    }

    /* Reportes: panel más amplio en desktop */
    .tf-rep-layout {
        grid-template-columns: 300px 1fr;
    }

    .tf-rep-tipos-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}