/* Dashboard — responsive tablet (768px–1023px) */

@media (min-width: 768px) and (max-width: 1023px) {

    /* ── KPI: 3 columnas ── */
    .dash-kpi-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* ── Gráficas: una columna (340px no cabe en tablet) ── */
    .dash-charts-row {
        grid-template-columns: 1fr;
    }

    /* ── Donut centrado con más espacio en tablet ── */
    .dash-widget--donut .dash-canvas-wrap {
        max-width: 200px;
        max-height: 200px;
    }

    /* ── Proyectos/Reqs: 2 columnas en tablet ── */
    .dash-2col {
        grid-template-columns: 1fr 1fr;
    }
}