/* ============================================
   CONFIGURACIÓN - MOBILE (<768px)
   Sistema de Administración de Condominios
   ============================================

   CONTENIDO:
   - Config section y config grid (1 columna)
   - Cuentas bancarias (bank-accounts-list, bank-account-card)
   - Filtros de auditoría (inputs, selects, contenedor flex → columna)

   ============================================ */

/* ============================================
   SECCIONES DE CONFIGURACIÓN
   ============================================ */

@media screen and (max-width: 768px) {
    /* Secciones de configuración */
    .config-section {
        padding: 12px !important;
    }

    .config-grid {
        grid-template-columns: 1fr !important;
    }

    /* Cuentas bancarias */
    .bank-accounts-list {
        gap: 12px !important;
    }

    .bank-account-card {
        padding: 14px !important;
    }
}

/* ============================================
   FILTROS DE AUDITORÍA
   ============================================ */

@media screen and (max-width: 768px) {
    /* Contenedor de filtros de auditoría */
    #filtroAudModulo,
    #filtroAudAccion,
    #filtroAudUsuario,
    #filtroAudFechaDesde,
    #filtroAudFechaHasta,
    #buscadorAuditoria {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* Contenedor flex de filtros → columna */
    div[style*="display: flex"][style*="flex-wrap: wrap"][style*="gap: 10px"][style*="background: #f9fafb"] {
        flex-direction: column !important;
    }

    div[style*="display: flex"][style*="flex-wrap: wrap"][style*="gap: 10px"][style*="background: #f9fafb"] > div {
        min-width: 0 !important;
        width: 100% !important;
        flex: none !important;
    }
}