/* DB Flow — Tablet 768px–1023px */
@media (min-width: 768px) and (max-width: 1023px) {

    /* ── Lista ── */
    .dbf-lista-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* ── Editor: panel más estrecho ── */
    .dbf-panel {
        width: 240px;
        min-width: 240px;
    }

    .dbf-diag-nombre {
        max-width: 150px;
    }

    /* ── SQL modal ── */
    .dbf-sql-panel {
        width: 680px;
    }
}