/* ============================================
   RESPONSIVE GLOBAL — TABLET
   Breakpoint: 768px – 1023px

   Contiene ajustes de tablet compartidos por
   todos los módulos: grids, formularios, layout.
   ============================================ */

/* --------------------------------------------
   OCULTAR EN TABLET
   -------------------------------------------- */
@media screen and (max-width: 1023px) {
    .hide-tablet {
        display: none !important;
    }
}

/* --------------------------------------------
   FORMULARIOS — GRID EN TABLET
   -------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* 2 columnas en tablet */
    .form-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Stats en 2 columnas */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* --------------------------------------------
   GRIDS INLINE DE JS — TABLET
   -------------------------------------------- */
@media screen and (max-width: 1023px) {
    /* 4+ columnas → 2 columnas en tablet */
    div[style*="grid-template-columns: repeat(4"],
    div[style*="grid-template-columns: repeat(5"],
    div[style*="grid-template-columns: repeat(6"],
    div[style*="grid-template-columns:repeat(4"],
    div[style*="grid-template-columns:repeat(5"],
    div[style*="grid-template-columns:repeat(6"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Layout 2fr 1fr → full width en tablet */
    div[style*="grid-template-columns: 2fr 1fr"],
    div[style*="grid-template-columns:2fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* Sidebar grids 1fr 220px → full width */
    div[style*="grid-template-columns: 1fr 220px"],
    div[style*="grid-template-columns:1fr 220px"] {
        grid-template-columns: 1fr !important;
    }
}